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: green
'></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 = 'red'; |
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: true }); | 16 var dstCtx = dstCanvas.getContext('imagebitmap'); |
17 dstCtx.transferImageBitmap(image); | 17 dstCtx.transferImageBitmap(image); |
| 18 dstCtx.transferImageBitmap(null); |
18 if (window.testRunner) { | 19 if (window.testRunner) { |
19 testRunner.notifyDone(); | 20 testRunner.notifyDone(); |
20 } | 21 } |
21 } | 22 } |
22 </script> | 23 </script> |
OLD | NEW |