image-backgrounds-not-antialiased.html

<!DOCTYPE html>
<style type="text/css">
.mi {
background-color: #f00; /* Just makes the bug visible. */
margin-top: 1px; /* Precondition for bug. */
width: 5px;
height: 6px;
}
</style>

<!--
With an anti-aliased background, this image will show a row of red pixels at the top at
device pixel ration 3.5. To fix this, we turn off anti-aliasing for image backgrounds.
-->
<img class="mi" id="target" src="../../http/tests/resources/square20.jpg">

<script>
window.onload = function () {
    if (window.internals && window.testRunner)
        testRunner.setBackingScaleFactor(3.5, finishTest);
}

function finishTest() {
    if (window.testRunner)
        testRunner.notifyDone();
}
</script>

chromium/third_party/blink/web_tests/paint/images/image-backgrounds-not-antialiased.html