DefinitelyTyped/types/offscreen-canvas/offscreen-canvas-tests.ts
Piotr Błażejewicz (Peter Blazejewicz) fdea88dc12
feat(offscreen-canvas): new type definitiion (#43246)
- definition files
- tests

https://github.com/ai/offscreen-canvas

Thanks!
2020-03-20 11:52:06 -04:00

24 lines
782 B
TypeScript

// index.js
import createWorker = require('offscreen-canvas/create-worker');
import insideWorker = require('offscreen-canvas/inside-worker');
const workerUrl = document.querySelector<HTMLLinkElement>('[rel=preload][as=script]')!.href;
const canvas: HTMLCanvasElement = document.querySelector<HTMLCanvasElement>('#canvas')!;
const button: HTMLButtonElement = document.querySelector<HTMLButtonElement>('#button')!;
const workerOne = createWorker(canvas, workerUrl, e => {
// Messages from the worker
});
button.addEventListener('click', () => {
workerOne.post({ message: 'update' });
});
const workerTwo = insideWorker(e => {
if (e.data.canvas) {
// Draw on the canvas
} else if (e.data.message === 'move') {
// Messages from main thread
}
});