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