OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <canvas width=100 height=100></canvas> | 2 <canvas width=100 height=100></canvas> |
3 <script> | 3 <script> |
4 var img = new Image(); | 4 var img = new Image(); |
5 img.src = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect widt
h="100" height="100" fill="#008000"/></svg>'; | 5 img.src = 'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg"><rect widt
h="100" height="100" fill="#008000"/></svg>'; |
6 img.onload = function() { | 6 var c = document.querySelector('canvas').getContext('2d'); |
7 var c = document.querySelector('canvas').getContext('2d'); | 7 c.globalAlpha = 0.5; |
8 c.globalAlpha = 0.5; | 8 c.drawImage(img, 0, 0); |
9 c.drawImage(img, 0, 0); | |
10 } | |
11 </script> | 9 </script> |
OLD | NEW |