third_party/WebKit/LayoutTests/css3/images/pixelated-image.html

   1 <!DOCTYPE html>
   2  <style>
   3     img {
   4         width: 100px;
   5         height: 100px;
   6         image-rendering: pixelated;
   7     }
   8 </style>
   9 <body>
  10     <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges -->
  11     <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII=">
  12 </body>
  13 <script>
  14     // Ignore the render tree.
  15     if (window.testRunner)
  16       window.testRunner.dumpAsTextWithPixelResults();
  17 </script>