useCanvas( canvas: null | HTMLCanvasElement, options?: CanvasOptions,): { clearCanvas: () => void; drawCircle: ( ctx: CanvasRenderingContext2D, x: number, y: number, radius: number, color: string, ) => void; drawRect: ( ctx: CanvasRenderingContext2D, x: number, y: number, width: number, height: number, color: string, ) => void; initializeCanvas: (element: HTMLCanvasElement) => null | RenderingContext; resizeCanvas: (newWidth: number, newHeight: number) => void; get state(): CanvasState; subscribe(callback: (state: CanvasState) => void): () => boolean;} Parameters
- canvas: null | HTMLCanvasElement
- options: CanvasOptions = {}
Returns {
clearCanvas: () => void;
drawCircle: (
ctx: CanvasRenderingContext2D,
x: number,
y: number,
radius: number,
color: string,
) => void;
drawRect: (
ctx: CanvasRenderingContext2D,
x: number,
y: number,
width: number,
height: number,
color: string,
) => void;
initializeCanvas: (element: HTMLCanvasElement) => null | RenderingContext;
resizeCanvas: (newWidth: number, newHeight: number) => void;
get state(): CanvasState;
subscribe(callback: (state: CanvasState) => void): () => boolean;
}