diff --git a/examples/offscreen/bouncing-ball-model.ts b/examples/offscreen/bouncing-ball-model.ts index 2bb9ec5..5c90541 100644 --- a/examples/offscreen/bouncing-ball-model.ts +++ b/examples/offscreen/bouncing-ball-model.ts @@ -23,11 +23,12 @@ export class BouncingBallModel { y: 5, }; + // eslint-disable-next-line max-params public constructor( canvas: Canvas, color: string, size: Size, - mediaSize: Size + mediaSize: Size, ) { this._canvas = canvas; this._color = color; @@ -40,7 +41,7 @@ export class BouncingBallModel { public updateSize( size: Size, mediaSize: Size, - isOffscreen?: boolean + isOffscreen?: boolean, ): void { this._size = size; this._mediaSize = mediaSize; @@ -68,14 +69,14 @@ export class BouncingBallModel { this._velocity.x *= -1; newPos.x = Math.min( Math.max(10, newPos.x), - this._mediaSize.width - 10 + this._mediaSize.width - 10, ); } if (newPos.y <= 10 || newPos.y >= this._mediaSize.height - 10) { this._velocity.y *= -1; newPos.y = Math.min( Math.max(10, newPos.y), - this._mediaSize.height - 10 + this._mediaSize.height - 10, ); } const target = createCanvasRenderingTarget2D({ diff --git a/examples/offscreen/bouncing-ball-renderer.ts b/examples/offscreen/bouncing-ball-renderer.ts index 18fbe0a..12e94ef 100644 --- a/examples/offscreen/bouncing-ball-renderer.ts +++ b/examples/offscreen/bouncing-ball-renderer.ts @@ -27,7 +27,7 @@ export class BouncingBallRenderer { 0, 0, scope.mediaSize.width, - scope.mediaSize.height + scope.mediaSize.height, ); scope.context.beginPath(); scope.context.arc( @@ -35,11 +35,11 @@ export class BouncingBallRenderer { this._position?.y ?? 0, 10, 0, - 2 * Math.PI + 2 * Math.PI, ); scope.context.fillStyle = this._color; scope.context.fill(); - } + }, ); } } diff --git a/examples/offscreen/index.ts b/examples/offscreen/index.ts index 0534ded..03c3055 100644 --- a/examples/offscreen/index.ts +++ b/examples/offscreen/index.ts @@ -18,11 +18,12 @@ class BouncingBall { private _model: BouncingBallModel | undefined = undefined; private _workerThread: Worker | undefined; + // eslint-disable-next-line max-params public constructor( container: HTMLCanvasElement, color: string, offscreen: T, - worker: boolean + worker: boolean, ) { this._canvasHTMLElement = container; this._color = color; @@ -48,7 +49,8 @@ class BouncingBall { for (const entry of entries) { const { width } = entry.contentRect; this._binding.resizeCanvasElement({ - height: 150, // fixed height + // fixed height + height: 150, width, }); } @@ -84,15 +86,15 @@ class BouncingBall { this._binding.canvas, this._color, this._binding.bitmapSize, - this._binding.canvasElementClientSize + this._binding.canvasElementClientSize, ); this._binding.subscribeBitmapSizeChanged( (_oldSize: Size, newSize: Size) => { this._model?.updateSize( newSize, - this._binding.canvasElementClientSize + this._binding.canvasElementClientSize, ); - } + }, ); } @@ -111,7 +113,7 @@ class BouncingBall { this._binding.canvasElementClientSize, } satisfies CreateWorkerMessageData, }, - [offscreenCanvas] + [offscreenCanvas], ); } } @@ -131,13 +133,13 @@ class BouncingBall { } const disabledCanvas = document.querySelector( - '#offscreen-canvas-disabled' + '#offscreen-canvas-disabled', ); const mainCanvas = document.querySelector( - '#offscreen-canvas-main' + '#offscreen-canvas-main', ); const workerCanvas = document.querySelector( - '#offscreen-canvas-worker' + '#offscreen-canvas-worker', ); const startButton = document.querySelector('#start-button'); const pauseButton = document.querySelector('#pause-button'); @@ -155,7 +157,7 @@ if ( disabledCanvas, '#F23645', false, - false + false, ); const mainBall = new BouncingBall(mainCanvas, '#2962ff', true, false); const workerBall = new BouncingBall(workerCanvas, '#089981', true, true); diff --git a/examples/offscreen/worker-thread.ts b/examples/offscreen/worker-thread.ts index 0bac4bc..ca7baa9 100644 --- a/examples/offscreen/worker-thread.ts +++ b/examples/offscreen/worker-thread.ts @@ -12,20 +12,20 @@ export class WorkerHandler { const { type, data } = e.data; switch (type) { - case 'create-canvas': - this._create(data); - break; - case 'adjust-canvas-size': - this._adjustSize(data); - break; - case 'start': - this._start(); - break; - case 'pause': - this._pause(); - break; - default: - console.warn(`Unknown message type: ${type}`); + case 'create-canvas': + this._create(data); + break; + case 'adjust-canvas-size': + this._adjustSize(data); + break; + case 'start': + this._start(); + break; + case 'pause': + this._pause(); + break; + default: + console.warn(`Unknown message type: ${type}`); } } @@ -34,7 +34,7 @@ export class WorkerHandler { data.canvas, data.color, data.bitmapSize, - data.canvasElementClientSize + data.canvasElementClientSize, ); self.postMessage('created'); } @@ -65,4 +65,5 @@ export interface AdjustCanvasSizeMessage { } // self-start +// eslint-disable-next-line no-new new WorkerHandler(); diff --git a/src/canvas-element-bitmap-size.ts b/src/canvas-element-bitmap-size.ts index 7799f06..0b7ee41 100644 --- a/src/canvas-element-bitmap-size.ts +++ b/src/canvas-element-bitmap-size.ts @@ -63,6 +63,7 @@ class DevicePixelContentBoxBinding implements private _offscreenCanvasSize: Size | null = null; private _setOffscreenCanvasSize: SetOffscreenBitmapSize | null = null; + // eslint-disable-next-line max-params public constructor( canvasElement: HTMLCanvasElement, transformBitmapSize?: BitmapSizeTransformer,