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