{"_id":"@acepad/canvas","name":"@acepad/canvas","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"scripts":{"test":"run test/test-acepad-canvas.js"},"description":"Canvas utility in @acepad/widget","main":"acepad-canvas.js","name":"@acepad/canvas","type":"module","version":"1.0.0","dependencies":{"@acepad/widget":"^1.0.0"},"gitHead":"a594f9fd4103349c22e8740ebb24162ba3809dc4","_id":"@acepad/canvas@1.0.0","_nodeVersion":"22.17.0","_npmVersion":"11.7.0","dist":{"integrity":"sha512-3L/j7m7jh6AOB8itwyihE55evWKm5tGDlki25lh4N1tAZnaq5dV981Nih7TtYZuDj/3K0dNjSJMrAeVneQ/fkg==","shasum":"02a5f698102c690e228060277cac73bd831befc8","tarball":"https://registry.npmjs.org/@acepad/canvas/-/canvas-1.0.0.tgz","fileCount":4,"unpackedSize":2381,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFf3jDmX0OYTblSNRmH7kaT3GBJhY6RtpKI2DIhOl05MAiEAqmb4/5GewBE3n9F1VnpKofmmPNj+BqHna7Tvmjrg/Dg="}]},"_npmUser":{"name":"acepad","email":"pnode.acepad@gmail.com"},"directories":{},"maintainers":[{"name":"acepad","email":"pnode.acepad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/canvas_1.0.0_1769130099892_0.5521515499345822"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-23T01:01:39.707Z","1.0.0":"2026-01-23T01:01:40.043Z","modified":"2026-01-23T01:01:40.357Z"},"maintainers":[{"name":"acepad","email":"pnode.acepad@gmail.com"}],"description":"Canvas utility in @acepad/widget","readme":"NOTE: This package is supporsed to work in [acepad](https://github.com/hoge1e3/acepad-dev), not a regular node envronment.\n\n# @acepad/canvas\n\nA canvas utility in [@acepad/widget](https://www.npmjs.com/package/@acepad/widget)\n\n# functions\n\n- `canvas()`\n   - Show widget which have Canvas element in full size of the widget.\n   - returns these property/methods in object\n       - `w` Canvas width in pixel\n       - `h` Canvas height in pixel\n       - `ctx` Canvas context\n       - `raf()` returns Promise that resolves on next `requestAnimationFrame`\n\n# Example\n\n~~~js\nimport {canvas} from \"@acepad/canvas\";\nexport async function main(){\n  const {w,h,ctx,raf}=canvas();\n  for(let i=0;i<h;i++){\n    ctx.fillRect(\n      (i+(i>h/2?1:0))%2*w/2,\n      i,w/2,1);\n    await raf();\n  }\n}    \n~~~\nHow to run:\n- Launch [acepad](https://github.com/hoge1e3/acepad-dev).\n- Open `node_modules/@acepad/canvas/test/test-acepad.canvas.js`\n- Press F5","readmeFilename":"README.md","_rev":"1-81a947d9ba44ae08ba94e8dddcbad218"}