| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <body> | |
| 4 <canvas id='output1' width = '100' height = '100'></canvas> | |
| 5 <canvas id='output2' width = '50' height = '50'></canvas> | |
| 6 <script id='myWorker' type='text/worker'> | |
| 7 self.onmessage = function(e) { | |
| 8 var canvas1 = new OffscreenCanvas(100, 100); | |
| 9 var gl1 = canvas1.getContext('webgl'); | |
| 10 gl1.clearColor(1.0, 0.0, 0.0, 1.0); | |
| 11 gl1.clear(gl1.COLOR_BUFFER_BIT); | |
| 12 | |
| 13 var canvas2 = new OffscreenCanvas(50, 50); | |
| 14 var gl2 = canvas2.getContext('webgl'); | |
| 15 gl2.clearColor(0.0, 0.0, 1.0, 1.0); | |
| 16 gl2.clear(gl2.COLOR_BUFFER_BIT); | |
| 17 | |
| 18 var image1 = canvas1.transferToImageBitmap(); | |
| 19 var image2 = canvas2.transferToImageBitmap(); | |
| 20 self.postMessage({bitmap1: image1, bitmap2: image2}, [image1, image2]); | |
| 21 }; | |
| 22 </script> | |
| 23 | |
| 24 <script> | |
| 25 if (window.testRunner) { | |
| 26 testRunner.waitUntilDone(); | |
| 27 } | |
| 28 var blob = new Blob([document.getElementById('myWorker').textContent]); | |
| 29 var worker = new Worker(URL.createObjectURL(blob)); | |
| 30 var bitmap1; | |
| 31 var bitmap2; | |
| 32 | |
| 33 worker.onmessage = function(msg) { | |
| 34 bitmap1 = msg.data.bitmap1; | |
| 35 bitmap2 = msg.data.bitmap2; | |
| 36 var canvas1 = document.getElementById("output1"); | |
| 37 var ctx1 = canvas1.getContext('bitmaprenderer'); | |
| 38 ctx1.transferFromImageBitmap(bitmap1); | |
| 39 | |
| 40 var canvas2 = document.getElementById("output2"); | |
| 41 var ctx2 = canvas2.getContext('bitmaprenderer'); | |
| 42 ctx2.transferFromImageBitmap(bitmap2); | |
| 43 | |
| 44 if (window.testRunner) { | |
| 45 testRunner.notifyDone(); | |
| 46 } | |
| 47 } | |
| 48 worker.postMessage(""); | |
| 49 </script> | |
| 50 </body> | |
| 51 </html> | |
| OLD | NEW |