OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <canvas id='output' width = '100' height = '100'></canvas> | 4 <canvas id='output1' width = '100' height = '100'></canvas> |
| 5 <canvas id='output2' width = '100' height = '100'></canvas> |
5 <script> | 6 <script> |
6 if (window.testRunner) { | 7 if (window.testRunner) { |
7 testRunner.waitUntilDone(); | 8 testRunner.waitUntilDone(); |
8 } | 9 } |
9 | 10 |
10 var width = 100; | 11 var width = 100; |
11 var height = 100; | 12 var height = 100; |
12 var aCanvas = new OffscreenCanvas(width, height); | 13 var aCanvas = new OffscreenCanvas(width, height); |
13 var gl = aCanvas.getContext('webgl'); | 14 var gl = aCanvas.getContext('webgl'); |
14 gl.clearColor(1.0, 0.0, 0.0, 1.0); | 15 gl.clearColor(1.0, 0.0, 0.0, 1.0); |
15 gl.clear(gl.COLOR_BUFFER_BIT); | 16 gl.clear(gl.COLOR_BUFFER_BIT); |
16 var image = aCanvas.transferToImageBitmap(); | 17 var image1 = aCanvas.transferToImageBitmap(); |
| 18 gl.clearColor(0.0, 0.0, 1.0, 1.0); |
| 19 gl.clear(gl.COLOR_BUFFER_BIT); |
| 20 var image2 = aCanvas.transferToImageBitmap(); |
17 | 21 |
18 var canvas = document.getElementById("output"); | 22 var canvas1 = document.getElementById("output1"); |
19 var ctx = canvas.getContext('bitmaprenderer'); | 23 var ctx1 = canvas1.getContext('bitmaprenderer'); |
20 ctx.transferFromImageBitmap(image); | 24 ctx1.transferFromImageBitmap(image1); |
| 25 |
| 26 var canvas2 = document.getElementById('output2'); |
| 27 var ctx2 = canvas2.getContext('bitmaprenderer'); |
| 28 ctx2.transferFromImageBitmap(image2); |
21 | 29 |
22 if (window.testRunner) { | 30 if (window.testRunner) { |
23 testRunner.notifyDone(); | 31 testRunner.notifyDone(); |
24 } | 32 } |
25 </script> | 33 </script> |
26 </body> | 34 </body> |
27 </html> | 35 </html> |
OLD | NEW |