canvas-drawImage-slice-1a.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, 100, 100);

        // Instantiate an image. Once it has loaded, draw it & take snapshot.

        var image = new Image();

        image.onload = function() {

          // This version of the test is "easier", in that the sampled region

          // is offset from the red by 1px on all sides. This lets us avoid

          // any pixel-rounding errors.

          ctx.drawImage(image, 26, 26, 48, 48, 0, 0, 100, 100);

          document.documentElement.removeAttribute("class");

        image.src ="limeInRed100x100.svg";

    </script>

  </head>

  <body onload="go()">

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

</body>

</html>