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 |