<!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 ctx = canvas.getContext("2d"); 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. 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" height="100px" width="100px"></canvas> </body> </html>