image-rendering-auto.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>↩

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">↩

    <title>test image-rendering auto</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: auto;" id="canvas" width="300" height="300"></canvas>↩

  </body>↩

↩

</html>↩