<!DOCTYPE html> | |
<style> | |
image { | |
image-rendering: pixelated; | |
} | |
</style> | |
<body> | |
<!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges --> | |
<svg><image width="100" height="100" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII="/></svg> | |
</body> | |
<script> | |
// Ignore the render tree. | |
if (window.testRunner) | |
testRunner.dumpAsTextWithPixelResults(); | |
</script> |