canvas-drawImage-scale-2a.html

Enable keyboard shortcuts

<html class="reftest-wait">

  <head>

    <script type="text/javascript">

      function go() {

        var canvas = document.getElementById("canvas");

        var ctx = canvas.getContext("2d");

        // Draw some orange

        ctx.fillStyle = "orange";

        ctx.fillRect(0, 0, 200, 200);

        // Instantiate an image. Draw it at a larger size, & take snapshot

        // once it has loaded.

        var image = new Image();

        image.onload = function() {

          ctx.drawImage(image, 0, 0, 200, 200);

          document.documentElement.removeAttribute("class");

        image.src ="squaredCircle-viewBox-100x100.svg";

    </script>

  </head>

  <body onload="go()">

    <canvas id="canvas" width="200" height="200"></canvas>

</body>

</html>