OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <canvas id = 'dstCanvas' width='100' height='100' style='background-color:red;'>
</canvas> | 2 <canvas id = 'dstCanvas' width='100' height='100' style='background-color:red;'>
</canvas> |
3 <script> | 3 <script> |
4 if (window.testRunner) { | 4 if (window.testRunner) { |
5 testRunner.waitUntilDone(); | 5 testRunner.waitUntilDone(); |
6 } | 6 } |
7 var srcCanvas = document.createElement('canvas'); | 7 var srcCanvas = document.createElement('canvas'); |
8 srcCanvas.width = srcCanvas.height = 100; | 8 srcCanvas.width = srcCanvas.height = 100; |
9 var ctx = srcCanvas.getContext('2d'); | 9 var ctx = srcCanvas.getContext('2d'); |
10 ctx.fillStyle = 'rgba(0, 255, 0, 0.5)'; | 10 ctx.fillStyle = 'rgba(0, 255, 0, 0.5)'; |
11 ctx.fillRect(0, 0, 100, 100); | 11 ctx.fillRect(0, 0, 100, 100); |
12 createImageBitmap(srcCanvas).then(consumeImageBitmap) | 12 createImageBitmap(srcCanvas).then(consumeImageBitmap) |
13 | 13 |
14 function consumeImageBitmap(image) { | 14 function consumeImageBitmap(image) { |
15 var dstCanvas = document.getElementById('dstCanvas'); | 15 var dstCanvas = document.getElementById('dstCanvas'); |
16 var dstCtx = dstCanvas.getContext('imagebitmap', { alpha: false }); | 16 var dstCtx = dstCanvas.getContext('bitmaprenderer', { alpha: false }); |
17 dstCtx.transferImageBitmap(image); | 17 dstCtx.transferImageBitmap(image); |
18 if (window.testRunner) { | 18 if (window.testRunner) { |
19 testRunner.notifyDone(); | 19 testRunner.notifyDone(); |
20 } | 20 } |
21 } | 21 } |
22 </script> | 22 </script> |
OLD | NEW |