layout/reftests/canvas/image-rendering-test.html

   1 <!DOCTYPE HTML>
   2 <!--
   3     Any copyright is dedicated to the Public Domain.
   4     http://creativecommons.org/licenses/publicdomain/
   5   -->
   6 <html reftest-zoom="2">
   7 <head>
   8   <title>test image-rendering</title>
   9   <style>
  10     canvas { position:absolute;left:0px;top:0px; }
  11   </style>
  12   <script type="text/javascript">
  13     function draw() {
  14         var canvas = document.getElementById("canvas");
  15         var ctx = canvas.getContext("2d");
  16         ctx.fillStyle = "rgb(255,0,0)";
  17         ctx.fillRect(25,25,100,100);
  18         ctx.fillStyle = "rgb(0,255,0)";
  19         ctx.fillRect(25,25,50,50);
  20     }
  21   </script>
  22 </head>
  23 <body onload="draw();">
  24   <canvas style="image-rendering: -moz-crisp-edges; " id="canvas" width="300" height="300"></canvas>
  25 </body>
  26 </html>