| 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 |