| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 <canvas id='output' width='200' height='400'></canvas> | 4 <canvas id='output' width='200' height='400'></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(200, 400); | 7 var aCanvas = new OffscreenCanvas(200, 400); |
| 8 var ctx = aCanvas.getContext('2d'); | 8 var ctx = aCanvas.getContext('2d'); |
| 9 | 9 |
| 10 ctx.beginPath(); | 10 ctx.beginPath(); |
| (...skipping 24 matching lines...) Expand all Loading... |
| 35 }; | 35 }; |
| 36 </script> | 36 </script> |
| 37 <script> | 37 <script> |
| 38 if (window.testRunner) { | 38 if (window.testRunner) { |
| 39 testRunner.waitUntilDone(); | 39 testRunner.waitUntilDone(); |
| 40 } | 40 } |
| 41 var blob = new Blob([document.getElementById('myWorker').textContent]); | 41 var blob = new Blob([document.getElementById('myWorker').textContent]); |
| 42 var worker = new Worker(URL.createObjectURL(blob)); | 42 var worker = new Worker(URL.createObjectURL(blob)); |
| 43 worker.addEventListener('message', msg => { | 43 worker.addEventListener('message', msg => { |
| 44 var outputCtx = document.getElementById('output').getContext('bitmaprenderer')
; | 44 var outputCtx = document.getElementById('output').getContext('bitmaprenderer')
; |
| 45 outputCtx.transferImageBitmap(msg.data); | 45 outputCtx.transferFromImageBitmap(msg.data); |
| 46 if (window.testRunner) { | 46 if (window.testRunner) { |
| 47 testRunner.notifyDone(); | 47 testRunner.notifyDone(); |
| 48 } | 48 } |
| 49 }); | 49 }); |
| 50 worker.postMessage(""); | 50 worker.postMessage(""); |
| 51 </script> | 51 </script> |
| 52 </body> | 52 </body> |
| 53 </html> | 53 </html> |
| OLD | NEW |