A small library to make it easier to use OffscreenCanvas in a Web Worker
npm install ez-offscreen-canvas
This is a tiny library to make it easier to use OffscreenCanvas in a Web Worker. In particular, it does the following:
1. Creates the OffscreenCanvas instance from a given element.
2. Passes the OffscreenCanvas and other values from the main thread to a Worker thread.
3. Allows you to write your Worker code in the main thread as a function.
4. Falls back to running in the main thread if OffscreenCanvas is not supported.
Here's a short example of how it is used:
``html
`
See the above code running live on CodePen.
If you only want the render function to run if OffscreenCanvas is available and can run in a Web Worker, then pass an options hash with workerOnly set to true as the fourth argument to the ezOffscreenCanvas method:
`javascript``
ezOffscreenCanvas(canvas, props, render, { workerOnly: true });