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 23 matching lines...) Expand all Loading... |
34 self.postMessage(image, [image]); | 34 self.postMessage(image, [image]); |
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('imagebitmap'); | 44 var outputCtx = document.getElementById('output').getContext('bitmaprenderer')
; |
45 outputCtx.transferImageBitmap(msg.data); | 45 outputCtx.transferImageBitmap(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 |