<!DOCTYPE html>
<!-- Any copyright is dedicated to the Public Domain.
   - http://creativecommons.org/publicdomain/zero/1.0/ -->
<html class="reftest-wait">
<head>
  <meta charset="utf-8" />
  <title>Reference for downscaling moz-icon images (bug 1261964)</title>
  <script>
    function beginTest() {
      var canvas = document.getElementById("canvas");
      var image = new Image();

      image.onload = function() {
        // When image loads: draw it to canvas, scale down the canvas, and
        // then let the reftest snapshot happen.
        // The image can be larger than the requested size, so we resize the
        // canvas to match it.
        canvas.width = image.width;
        canvas.height = image.height;
        var ctx = canvas.getContext("2d");
        ctx.drawImage(image, 0, 0);
        canvas.setAttribute("class", "downscale");
        document.documentElement.removeAttribute("class");
      }

      // Kick off the image load:
      image.src = "moz-icon://bogus-unrecognized-icon?size=100";
    }
  </script>
  <style>
    body { margin: 0; }
    .downscale {
      transform-origin: 0 0;
      transform: scale(0.9);
    }
  </style>
</head>
<body onload="beginTest()">
  <canvas id="canvas"></canvas>
</body>
</html>
