third_party/WebKit/LayoutTests/fast/canvas/canvas-hidpi-blurry.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <title>Test to verify that canvas contents are blurred by default with hidpi</title>
   5 </head>
   6 <body>
   7 <script>
   8     function runTest() {
   9         if (!window.testRunner) {
  10             var msg = document.getElementById("message");
  11             msg.innerHTML = "ERROR: This test requires the testRunner object.";
  12             return;
  13         }
  14
  15         testRunner.dumpAsTextWithPixelResults();
  16
  17         testRunner.waitUntilDone();
  18         testRunner.setBackingScaleFactor(2, function () {
  19             var ctx1 = document.getElementById("c1").getContext("2d");
  20             ctx1.fillRect(1, 1, 8, 8);
  21             testRunner.notifyDone();
  22         });
  23     }
  24
  25     window.onload = runTest;
  26 </script>
  27 <!-- There should a black square with blurry edges.-->
  28 <canvas id="c1" width="10" height="10"></canvas>
  29 </body>
  30 </html>