@ue-too/board / index / WorkerRelayCanvas
類別: WorkerRelayCanvas
定義於: packages/board/src/input-interpretation/input-state-machine/kmt-input-context.ts:507
Description
A proxy for the canvas that is used to communicate with the web worker. The primary purpose of this class is to cache the canvas dimensions and position in the DOM to reduce the calling of the getBoundingClientRect method. This class only serves as a relay of the updated canvas dimensions and position to the web worker.
實作
建構函式
建構函式
new WorkerRelayCanvas(
canvas,webWorker,canvasDiemsionPublisher):WorkerRelayCanvas
定義於: packages/board/src/input-interpretation/input-state-machine/kmt-input-context.ts:515
參數
canvas
HTMLCanvasElement
webWorker
Worker
canvasDiemsionPublisher
CanvasPositionDimensionPublisher
回傳
WorkerRelayCanvas
存取器
detached
Getter 簽章
get detached():
boolean
定義於: packages/board/src/input-interpretation/input-state-machine/kmt-input-context.ts:574
Whether the canvas is currently detached from the DOM
回傳
boolean
Whether the canvas is currently detached from the DOM
實作了
dimensions
Getter 簽章
get dimensions():
object
定義於: packages/board/src/input-interpretation/input-state-machine/kmt-input-context.ts:566
Combined dimensions and position information
回傳
object
height
height:
number
position
position:
Point
width
width:
number
Combined dimensions and position information
實作了
height
Getter 簽章
get height():
number
定義於: packages/board/src/input-interpretation/input-state-machine/kmt-input-context.ts:554
The canvas height in CSS pixels
回傳
number
The canvas height in CSS pixels
實作了
position
Getter 簽章
get position():
Point
定義於: packages/board/src/input-interpretation/input-state-machine/kmt-input-context.ts:562
The top-left position of the canvas in window coordinates
回傳
Point
The top-left position of the canvas in window coordinates
實作了
width
Getter 簽章
get width():
number
定義於: packages/board/src/input-interpretation/input-state-machine/kmt-input-context.ts:550
The canvas width in CSS pixels
回傳
number
The canvas width in CSS pixels
實作了
方法
setCursor()
setCursor(
style):void
定義於: packages/board/src/input-interpretation/input-state-machine/kmt-input-context.ts:578
Sets the CSS cursor style for visual feedback
參數
style
"grab" | "default" | "grabbing"
回傳
void
實作了
tearDown()
tearDown():
void
定義於: packages/board/src/input-interpretation/input-state-machine/kmt-input-context.ts:558
Cleanup method to dispose of resources and event listeners
回傳
void