OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <canvas id='output' width='300' height='300'></canvas> | 4 <canvas id='output' width='300' height='300'></canvas> |
5 <script id='myWorker' type='text/worker'> | 5 <script id='myWorker' type='text/worker'> |
6 self.onmessage = function(e) { | 6 self.onmessage = function(e) { |
7 var aCanvas = new OffscreenCanvas(300, 300); | 7 var aCanvas = new OffscreenCanvas(300, 300); |
8 var ctx = aCanvas.getContext('2d'); | 8 var ctx = aCanvas.getContext('2d'); |
9 | 9 |
10 ctx.shadowBlur = 5; | 10 ctx.shadowBlur = 5; |
(...skipping 15 matching lines...) Expand all Loading... |
26 }; | 26 }; |
27 </script> | 27 </script> |
28 <script> | 28 <script> |
29 if (window.testRunner) { | 29 if (window.testRunner) { |
30 testRunner.waitUntilDone(); | 30 testRunner.waitUntilDone(); |
31 } | 31 } |
32 var blob = new Blob([document.getElementById('myWorker').textContent]); | 32 var blob = new Blob([document.getElementById('myWorker').textContent]); |
33 var worker = new Worker(URL.createObjectURL(blob)); | 33 var worker = new Worker(URL.createObjectURL(blob)); |
34 worker.addEventListener('message', msg => { | 34 worker.addEventListener('message', msg => { |
35 var outputCtx = document.getElementById('output').getContext('bitmaprenderer')
; | 35 var outputCtx = document.getElementById('output').getContext('bitmaprenderer')
; |
36 outputCtx.transferImageBitmap(msg.data); | 36 outputCtx.transferFromImageBitmap(msg.data); |
37 if (window.testRunner) { | 37 if (window.testRunner) { |
38 testRunner.notifyDone(); | 38 testRunner.notifyDone(); |
39 } | 39 } |
40 }); | 40 }); |
41 worker.postMessage(""); | 41 worker.postMessage(""); |
42 </script> | 42 </script> |
43 </body> | 43 </body> |
44 </html> | 44 </html> |
OLD | NEW |