constructor

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

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

checkboardStyle

canvas.checkboardStyle = CheckboardStyle.DOTS;