OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <body> |
| 4 <canvas id='output' width='100' height='100'></canvas> |
| 5 |
| 6 <script id='myWorker' type='text/worker'> |
| 7 self.onmessage = function(e) { |
| 8 var aCanvas = new OffscreenCanvas(100, 100); |
| 9 var ctx = aCanvas.getContext('2d'); |
| 10 ctx.strokeStyle = 'green'; |
| 11 ctx.strokeRect(25, 25, 50, 50); |
| 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 |