constructor

export interface CanvasConfig {
    canvas: HTMLCanvasElement;
    renderer?: 'webgl' | 'webgpu';
    shaderCompilerPath?: string;
    devicePixelRatio?: number;
}

render

手动创建一个动画循环不断调用 render 方法。

const animate = () => {
    canvas.render();
    requestAnimationFrame(animate);
};
animate();

resize

重新设置画布的大小。

canvas.resize(100, 200);

destroy

销毁画布。

canvas.destroy();

appendChild

Adds a shape to the end of the list of children.

canvas.appendChild(circle);

removeChild

Removes a child shape from canvas and returns the removed shape.

canvas.removeChild(circle);

elementsFromPoint

elementFromPoint

client2Viewport

viewport2Client

zoomIn

zoomOut

setCheckboardStyle