OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <canvas id='output1' width='100' height='100' style='background:red'></canvas> | 4 <canvas id='output1' width='100' height='100' style='background:red'></canvas> |
5 <canvas id='output2' width='100' height='100' style='background:red'></canvas> | 5 <canvas id='output2' width='100' height='100' style='background:red'></canvas> |
6 <canvas id='output3' width='100' height='100' style='background:red'></canvas> | 6 <canvas id='output3' width='100' height='100' style='background:red'></canvas> |
7 <script id='myWorker' type='text/worker'> | 7 <script id='myWorker' type='text/worker'> |
8 self.onmessage = function(e) { | 8 self.onmessage = function(e) { |
9 var aCanvas = new OffscreenCanvas(100, 100); | 9 var aCanvas = new OffscreenCanvas(100, 100); |
10 var ctx = aCanvas.getContext('2d'); | 10 var ctx = aCanvas.getContext('2d'); |
(...skipping 18 matching lines...) Expand all Loading... |
29 </script> | 29 </script> |
30 | 30 |
31 <script> | 31 <script> |
32 if (window.testRunner) { | 32 if (window.testRunner) { |
33 testRunner.waitUntilDone(); | 33 testRunner.waitUntilDone(); |
34 } | 34 } |
35 var blob = new Blob([document.getElementById('myWorker').textContent]); | 35 var blob = new Blob([document.getElementById('myWorker').textContent]); |
36 var worker = new Worker(URL.createObjectURL(blob)); | 36 var worker = new Worker(URL.createObjectURL(blob)); |
37 worker.addEventListener('message', msg => { | 37 worker.addEventListener('message', msg => { |
38 var outputCtx1 = document.getElementById('output1').getContext('bitmaprenderer
'); | 38 var outputCtx1 = document.getElementById('output1').getContext('bitmaprenderer
'); |
39 outputCtx1.transferImageBitmap(msg.data.i1); | 39 outputCtx1.transferFromImageBitmap(msg.data.i1); |
40 var outputCtx2 = document.getElementById('output2').getContext('bitmaprenderer
'); | 40 var outputCtx2 = document.getElementById('output2').getContext('bitmaprenderer
'); |
41 outputCtx2.transferImageBitmap(msg.data.i2); | 41 outputCtx2.transferFromImageBitmap(msg.data.i2); |
42 var outputCtx3 = document.getElementById('output3').getContext('bitmaprenderer
'); | 42 var outputCtx3 = document.getElementById('output3').getContext('bitmaprenderer
'); |
43 outputCtx3.transferImageBitmap(msg.data.i3); | 43 outputCtx3.transferFromImageBitmap(msg.data.i3); |
44 | 44 |
45 if (window.testRunner) { | 45 if (window.testRunner) { |
46 testRunner.notifyDone(); | 46 testRunner.notifyDone(); |
47 } | 47 } |
48 }); | 48 }); |
49 worker.postMessage(""); | 49 worker.postMessage(""); |
50 </script> | 50 </script> |
51 </body> | 51 </body> |
52 </html> | 52 </html> |
OLD | NEW |