summaryrefslogtreecommitdiffstats
path: root/layout/reftests/canvas/image-rendering-auto.html
blob: a46510ba0eac050a6aafbb03a4f2d864e80199e5 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!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>