Class CanvasRenderer

Canvasを使ったレンダラー dom/canvas周りのAPIを切り出したもの

Param: canvas

レンダリング先のCanvas

Param: video

レンダリングするVideo(任意)

Implements

IRenderer

Constructors

constructor

new CanvasRenderer(
    canvas?: HTMLCanvasElement,
    video?: HTMLVideoElement,
    padding?: number,
    onDestroy?: () => void,
): CanvasRenderer
Parameters
- Optionalcanvas: HTMLCanvasElement
- Optionalvideo: HTMLVideoElement
- padding: number = 0
- OptionalonDestroy: () => void
Returns CanvasRenderer
- Defined in src/renderer/canvas.ts:75

Properties

`Readonly`canvas

canvas: HTMLCanvasElement

`Readonly`rendererName

rendererName: "CanvasRenderer"

`Optional` `Readonly`video

video?: HTMLVideoElement

Methods

beginPath

beginPath(): void
Returns void
Implementation of IRenderer.beginPath
- Defined in src/renderer/canvas.ts:298

clearRect

clearRect(x: number, y: number, width: number, height: number): void
Parameters
- x: number
- y: number
- width: number
- height: number
Returns void
Implementation of IRenderer.clearRect
- Defined in src/renderer/canvas.ts:177

closePath

closePath(): void
Returns void
Implementation of IRenderer.closePath
- Defined in src/renderer/canvas.ts:301

destroy

destroy(): void
Returns void
Implementation of IRenderer.destroy
- Defined in src/renderer/canvas.ts:331

drawImage

drawImage(
    image: IRenderer,
    x: number,
    y: number,
    width?: number,
    height?: number,
): void
Draw a sub-renderer's content onto this renderer.

The source image is read from image.canvas.
Parameters
- image: IRenderer
- x: number
- y: number
- Optionalwidth: number
- Optionalheight: number
Returns void
Implementation of IRenderer.drawImage
- Defined in src/renderer/canvas.ts:142

drawVideo

drawVideo(enableLegacyPip: boolean): void
Parameters
- enableLegacyPip: boolean
Returns void
Implementation of IRenderer.drawVideo
- Defined in src/renderer/canvas.ts:107

fillRect

fillRect(x: number, y: number, width: number, height: number): void
Parameters
- x: number
- y: number
- width: number
- height: number
Returns void
Implementation of IRenderer.fillRect
- Defined in src/renderer/canvas.ts:159

fillText

fillText(text: string, x: number, y: number): void
Parameters
- text: string
- x: number
- y: number
Returns void
Implementation of IRenderer.fillText
- Defined in src/renderer/canvas.ts:166

flush

flush(): void
Execute all buffered draw commands.

Ordering contract: GPU-accelerated commands (drawImage, fillRect, strokeRect) are rendered first, then Canvas 2D helper operations (text/path) are composited on top. Callers must ensure fillText/strokeText are issued AFTER all drawImage calls within a single frame.

Returns void
Implementation of IRenderer.flush
- Defined in src/renderer/canvas.ts:323

getCanvas

getCanvas(padding?: number): IRenderer
Parameters
- padding: number = 0
Returns IRenderer
Implementation of IRenderer.getCanvas
- Defined in src/renderer/canvas.ts:319

getFillStyle

getFillStyle(): string | CanvasGradient | CanvasPattern
Returns string | CanvasGradient | CanvasPattern
Implementation of IRenderer.getFillStyle
- Defined in src/renderer/canvas.ts:134

getFont

getFont(): string
Returns string
Implementation of IRenderer.getFont
- Defined in src/renderer/canvas.ts:130

getImagePadding

getImagePadding(): number
Returns number
- Defined in src/renderer/canvas.ts:227

getSize

getSize(): { height: number; width: number }
Returns { height: number; width: number }
Implementation of IRenderer.getSize
- Defined in src/renderer/canvas.ts:220

invalidateImage

invalidateImage(_image: IRenderer): void
Parameters
- _image: IRenderer
Returns void
Implementation of IRenderer.invalidateImage
- Defined in src/renderer/canvas.ts:327

lineTo

lineTo(x: number, y: number): void
Parameters
- x: number
- y: number
Returns void
Implementation of IRenderer.lineTo
- Defined in src/renderer/canvas.ts:307

measureText

measureText(text: string): TextMetrics
Parameters
- text: string
Returns TextMetrics
Implementation of IRenderer.measureText
- Defined in src/renderer/canvas.ts:231

measureTextAtDrawScale

measureTextAtDrawScale(text: string, drawScale: number): TextMetrics
Measure text on a dedicated detached canvas, so WKWebView resolves fonts like the offscreen render canvas instead of the connected main canvas.

The drawScale transform is still applied to mirror render-time state and keep cache keys distinct, but the WKWebView mismatch observed for #323 is caused by connected-vs-detached canvas font matching, not by the transform.
Parameters
- text: string
- drawScale: number
Returns TextMetrics
Implementation of IRenderer.measureTextAtDrawScale
- Defined in src/renderer/canvas.ts:253

moveTo

moveTo(x: number, y: number): void
Parameters
- x: number
- y: number
Returns void
Implementation of IRenderer.moveTo
- Defined in src/renderer/canvas.ts:304

quadraticCurveTo

quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void
Parameters
- cpx: number
- cpy: number
- x: number
- y: number
Returns void
Implementation of IRenderer.quadraticCurveTo
- Defined in src/renderer/canvas.ts:173

restore

restore(): void
Returns void
Implementation of IRenderer.restore
- Defined in src/renderer/canvas.ts:316

save

save(): void
Returns void
Implementation of IRenderer.save
- Defined in src/renderer/canvas.ts:313

setFillStyle

setFillStyle(color: string): void
Parameters
- color: string
Returns void
Implementation of IRenderer.setFillStyle
- Defined in src/renderer/canvas.ts:198

setFont

setFont(font: string): void
Parameters
- font: string
Returns void
Implementation of IRenderer.setFont
- Defined in src/renderer/canvas.ts:195

setGlobalAlpha

setGlobalAlpha(alpha: number): void
Parameters
- alpha: number
Returns void
Implementation of IRenderer.setGlobalAlpha
- Defined in src/renderer/canvas.ts:207

setLineWidth

setLineWidth(width: number): void
Parameters
- width: number
Returns void
Implementation of IRenderer.setLineWidth
- Defined in src/renderer/canvas.ts:204

setScale

setScale(scale: number, arg1?: number): void
Parameters
- scale: number
- Optionalarg1: number
Returns void
Implementation of IRenderer.setScale
- Defined in src/renderer/canvas.ts:138

setSize

setSize(width: number, height: number): void
Parameters
- width: number
- height: number
Returns void
Implementation of IRenderer.setSize
- Defined in src/renderer/canvas.ts:210

setStrokeStyle

setStrokeStyle(color: string): void
Parameters
- color: string
Returns void
Implementation of IRenderer.setStrokeStyle
- Defined in src/renderer/canvas.ts:201

stroke

stroke(): void
Returns void
Implementation of IRenderer.stroke
- Defined in src/renderer/canvas.ts:310

strokeRect

strokeRect(x: number, y: number, width: number, height: number): void
Parameters
- x: number
- y: number
- width: number
- height: number
Returns void
Implementation of IRenderer.strokeRect
- Defined in src/renderer/canvas.ts:162

strokeText

strokeText(text: string, x: number, y: number): void
Parameters
- text: string
- x: number
- y: number
Returns void
Implementation of IRenderer.strokeText
- Defined in src/renderer/canvas.ts:169

Class CanvasRenderer

Param: canvas

Param: video

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Returns CanvasRenderer

Properties

Readonlycanvas

ReadonlyrendererName

Optional Readonlyvideo

Methods

beginPath

Returns void

clearRect

Parameters

Returns void

closePath

Returns void

destroy

Returns void

drawImage

Parameters

Returns void

drawVideo

Parameters

Returns void

fillRect

Parameters

Returns void

fillText

Parameters

Returns void

flush

Returns void

getCanvas

Parameters

Returns IRenderer

getFillStyle

Returns string | CanvasGradient | CanvasPattern

getFont

Returns string

getImagePadding

Returns number

getSize

Returns { height: number; width: number }

invalidateImage

Parameters

Returns void

lineTo

Parameters

Returns void

measureText

Parameters

Returns TextMetrics

measureTextAtDrawScale

Parameters

Returns TextMetrics

moveTo

Parameters

Returns void

quadraticCurveTo

Parameters

Returns void

restore

Returns void

save

Returns void

setFillStyle

Parameters

Returns void

setFont

Parameters

Returns void

setGlobalAlpha

`Readonly`canvas

`Readonly`rendererName

`Optional` `Readonly`video