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:34

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:172

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:125

closePath

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

destroy

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

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:95

drawVideo

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

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:107

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:114

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:197

getCanvas

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

getFillStyle

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

getFont

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

getSize

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

invalidateImage

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

lineTo

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

measureText

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

moveTo

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

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:121

restore

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

save

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

setFillStyle

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

setFont

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

setGlobalAlpha

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

setLineWidth

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

setScale

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

setSize

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

setStrokeStyle

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

stroke

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

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:110

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:117

`Static`resetMeasureTextCache

resetMeasureTextCache(): void
Returns void
- Defined in src/renderer/canvas.ts:169