| 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 |
|---|
Chromium Code Reviews
Issue 1962413002:
Implement transferToImageBitmap() in WebGLRenderingContext (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@master