third_party/WebKit/LayoutTests/paint/images/image-backgrounds-not-antialiased.html

   1 <!DOCTYPE html>
   2 <style type="text/css">
   3 .mi {
   4 background-color: #f00; /* Just makes the bug visible. */
   5 margin-top: 1px; /* Precondition for bug. */
   6 width: 5px;
   7 height: 6px;
   8 }
   9 </style>
  10
  11 <!--
  12 With an anti-aliased background, this image will show a row of red pixels at the top at
  13 device pixel ration 3.5. To fix this, we turn off anti-aliasing for image backgrounds.
  14 -->
  15 <img class="mi" id="target" src="../../http/tests/resources/square20.jpg">
  16
  17 <script>
  18 window.onload = function () {
  19     if (window.internals && window.testRunner)
  20         testRunner.setBackingScaleFactor(3.5, finishTest);
  21 }
  22
  23 function finishTest() {
  24     if (window.testRunner)
  25         window.testRunner.notifyDone();
  26 }
  27 </script>