canvas-drawImage-scale-2a.html (776B)
1 <html class="reftest-wait"> 2 <head> 3 <script type="text/javascript"> 4 function go() { 5 var canvas = document.getElementById("canvas"); 6 var ctx = canvas.getContext("2d"); 7 8 // Draw some orange 9 ctx.fillStyle = "orange"; 10 ctx.fillRect(0, 0, 200, 200); 11 12 // Instantiate an image. Draw it at a larger size, & take snapshot 13 // once it has loaded. 14 var image = new Image(); 15 image.onload = function() { 16 ctx.drawImage(image, 0, 0, 200, 200); 17 document.documentElement.removeAttribute("class"); 18 } 19 image.src ="squaredCircle-viewBox-100x100.svg"; 20 } 21 </script> 22 </head> 23 <body onload="go()"> 24 <canvas id="canvas" width="200" height="200"></canvas> 25 </body> 26 </html>