image-rendering-auto.html (1000B)
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" class="reftest-wait"> 7 <head> 8 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 9 <title>test image-rendering auto</title> 10 <style> 11 canvas { position:absolute;left:0px;top:0px; } 12 </style> 13 <script type="text/javascript"> 14 document.addEventListener("MozReftestInvalidate", draw); 15 16 function draw() { 17 var canvas = document.getElementById("canvas"); 18 var ctx = canvas.getContext("2d"); 19 ctx.fillStyle = "rgb(255,0,0)"; 20 ctx.fillRect(25,25,100,100); 21 ctx.fillStyle = "rgb(0,255,0)"; 22 ctx.fillRect(25,25,50,50); 23 document.documentElement.removeAttribute('class'); 24 } 25 </script> 26 </head> 27 28 <body> 29 <canvas style="image-rendering: auto;" id="canvas" width="300" height="300"></canvas> 30 </body> 31 32 </html>