NOTE: This package is supporsed to work in acepad, not a regular node envronment.

@acepad/canvas

A canvas utility in @acepad/widget

functions

• canvas()
  • Show widget which have Canvas element in full size of the widget.
  • returns these property/methods in object
    • w Canvas width in pixel
    • h Canvas height in pixel
    • ctx Canvas context
    • raf() returns Promise that resolves on next requestAnimationFrame

Example

import {canvas} from "@acepad/canvas";
export async function main(){
  const {w,h,ctx,raf}=canvas();
  for(let i=0;i<h;i++){
    ctx.fillRect(
      (i+(i>h/2?1:0))%2*w/2,
      i,w/2,1);
    await raf();
  }
}    

How to run:

• Launch acepad.
• Open node_modules/@acepad/canvas/test/test-acepad.canvas.js
• Press F5