@kayelaa/canvas API - v0.2.15
    Preparing search index...

    Variable usePaintConst

    usePaint: (
        onPaint: (ctx: CanvasRenderingContext2D, event: KaylaEvent) => void,
    ) => void = ...

    Registers a function that runs on every render frame (paint phase).

    This hook MUST be called at the top level of a component function — never inside loops, conditions, nested functions, or callbacks. The call order of all hooks is strictly fixed across every refresh; reordering calls will corrupt internal state.

    Multiple usePaint calls stack and run in declaration order. Call event.preventDefault() to skip remaining paint calls (including default rect fill).

    Type Declaration

      • (onPaint: (ctx: CanvasRenderingContext2D, event: KaylaEvent) => void): void

      • Parameters

        • onPaint: (ctx: CanvasRenderingContext2D, event: KaylaEvent) => void

        Returns void

    usePaint((ctx) => {
      ctx.save();
      ctx.translate(rect.x, rect.y);
      ctx.fillStyle = "rgba(255,0,0,0.3)";
      ctx.fillRect(-rect.width/2, -rect.height/2, rect.width, rect.height);
      ctx.restore();
    });

    Settings

    Member Visibility