OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <html> | |
3 <body> | |
4 <canvas id='output' width='100' height='100' style='background:red'></canvas> | |
5 | |
6 <script id="myWorker" type="text/worker"> | |
Stephen White
2016/03/09 18:54:07
uNit: use ' or " for attribute values, not both
| |
7 self.onmessage = function(e) { | |
8 var aCanvas = new OffscreenCanvas(100, 100); | |
9 var ctx = aCanvas.getContext('2d'); | |
10 ctx.fillStyle = 'green'; | |
11 ctx.fillRect(0, 0, 100, 100); | |
12 var image = aCanvas.transferToImageBitmap(); | |
13 self.postMessage(image, [image]); | |
14 }; | |
15 </script> | |
16 | |
17 <script> | |
18 if (window.testRunner) { | |
19 testRunner.waitUntilDone(); | |
20 } | |
21 var blob = new Blob([document.getElementById('myWorker').textContent]); | |
22 var worker = new Worker(URL.createObjectURL(blob)); | |
23 worker.addEventListener('message', msg => { | |
24 var outputCtx = document.getElementById('output').getContext('imagebitmap'); | |
25 outputCtx.transferImageBitmap(msg.data); | |
26 if (window.testRunner) { | |
27 testRunner.notifyDone(); | |
28 } | |
29 }); | |
30 worker.postMessage(""); | |
31 </script> | |
32 </body> | |
33 </html> | |
OLD | NEW |