OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <canvas id="canvas" width="300" height="300"></canvas> | 2 <canvas id="canvas" width="300" height="300"></canvas> |
3 | 3 |
4 <script> | 4 <script> |
5 var canvas = document.getElementById("canvas"); | 5 var canvas = document.getElementById("canvas"); |
6 var ctx = canvas.getContext("2d"); | 6 var ctx = canvas.getContext("2d"); |
7 var img = new Image; | 7 var img = new Image; |
8 img.src = "resources/html5.png"; | 8 img.src = "resources/html5.png"; |
9 img.onload = function() { | 9 img.onload = function() { |
10 ctx.drawImage(img, 0, 0); | 10 ctx.drawImage(img, 0, 0); |
11 }; | 11 }; |
12 </script> | 12 </script> |
OLD | NEW |