Class WebGL2Renderer

Implements

IRenderer

Constructors

constructor

new WebGL2Renderer(
canvas: HTMLCanvasElement,
video?: HTMLVideoElement,
): WebGL2Renderer
Parameters
- canvas: HTMLCanvasElement
- Optionalvideo: HTMLVideoElement
Returns WebGL2Renderer
- Defined in src/renderer/webgl2.ts:175

Properties

`Readonly`canvas

canvas: HTMLCanvasElement

`Readonly`rendererName

rendererName: "WebGL2Renderer"

`Optional` `Readonly`video

video?: HTMLVideoElement

Methods

beginPath

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

clearRect

clearRect(x: number, y: number, w: number, h: number): void
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Implementation of IRenderer.clearRect
- Defined in src/renderer/webgl2.ts:669

closePath

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

destroy

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

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/webgl2.ts:677

drawVideo

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

fillRect

fillRect(x: number, y: number, w: number, h: number): void
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Implementation of IRenderer.fillRect
- Defined in src/renderer/webgl2.ts:696

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/webgl2.ts:844

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/webgl2.ts:912

getCanvas

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

getFillStyle

getFillStyle(): string
Returns string
Implementation of IRenderer.getFillStyle
- Defined in src/renderer/webgl2.ts:597

getFont

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

getSize

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

invalidateImage

invalidateImage(image: IRenderer): void
Parameters
- image: IRenderer
Returns void
Implementation of IRenderer.invalidateImage
- Defined in src/renderer/webgl2.ts:1000

lineTo

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

measureText

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

moveTo

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

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/webgl2.ts:891

restore

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

save

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

setFillStyle

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

setFont

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

setGlobalAlpha

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

setLineWidth

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

setScale

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

setSize

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

setStrokeStyle

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

stroke

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

strokeRect

strokeRect(x: number, y: number, w: number, h: number): void
Parameters
- x: number
- y: number
- w: number
- h: number
Returns void
Implementation of IRenderer.strokeRect
- Defined in src/renderer/webgl2.ts:724

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/webgl2.ts:854