third_party/WebKit/LayoutTests/fast/hidpi/clip-text-in-hidpi.html

   1 <html>
   2 <head>
   3 <script>
   4     function startTest() {
   5         if (window.testRunner) {
   6             testRunner.waitUntilDone();
   7             testRunner.setBackingScaleFactor(2, finishTest);
   8         }
   9     }
  10
  11     function finishTest() {
  12         var test = document.getElementById("test");
  13         test.innerHTML = window.devicePixelRatio;
  14         setTimeout(function() { testRunner.notifyDone(); }, 0);
  15     }
  16 </script>
  17 </head>
  18 <body onload="startTest();">
  19     <span style="background-color:red; -webkit-background-clip:text; -webkit-text-fill-color:transparent">This text should be nice and sharp. devicePixelRatio is: </span>
  20     <span id="test"></span>
  21 </body>
  22 </html>