image-rendering-test.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<!--

    Any copyright is dedicated to the Public Domain.

    http://creativecommons.org/licenses/publicdomain/

-->

<html reftest-zoom="2" class="reftest-wait">

<head>

  <title>test image-rendering</title>

  <style>

    canvas { position:absolute;left:0px;top:0px; }

  </style>

  <script type="text/javascript">

    document.addEventListener("MozReftestInvalidate", draw);

    function draw() {

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

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

        ctx.fillStyle = "rgb(255,0,0)";

        ctx.fillRect(25,25,100,100);

        ctx.fillStyle = "rgb(0,255,0)";

        ctx.fillRect(25,25,50,50);

        document.documentElement.removeAttribute('class');

  </script>

</head>

<body>

  <canvas style="image-rendering: -moz-crisp-edges; " id="canvas" width="300" height="300"></canvas>

</body>

</html>