third_party/WebKit/LayoutTests/css3/images/optimize-contrast-image.html

   1 <!DOCTYPE html>
   2 <style>
   3         img {
   4                 display: block;
   5                 position: fixed;
   6                 left: 0px;
   7                 top: 0px;
   8                 right: 0px;
   9                 bottom: 0px;
  10                 border: none;
  11                 width: 100px;
  12                 height: 100px;
  13                 margin: 0px;
  14                 padding: 0px;
  15                 image-rendering: -webkit-optimize-contrast;
  16         }
  17 </style>
  18 <body>
  19     <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges -->
  20         <image style="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII="></img>
  21 </body>
  22 <script>
  23     if (window.testRunner)
  24         testRunner.dumpAsTextWithPixelResults();
  25 </script>