<!DOCTYPE html>
<html>
<head>
<title>Test to verify that canvas contents are blurred by default with hidpi</title>
</head>
<body>
<script>
function runTest() {
if (!window.testRunner) {
var msg = document.getElementById("message");
msg.innerHTML = "ERROR: This test requires the testRunner object.";
return;
}
testRunner.waitUntilDone();
testRunner.setBackingScaleFactor(2, function () {
var ctx1 = document.getElementById("c1").getContext("2d");
ctx1.fillRect(1, 1, 8, 8);
testRunner.notifyDone();
});
}
window.onload = runTest;
</script>
<!-- There should a black square with blurry edges.-->
<canvas id="c1" width="10" height="10"></canvas>
</body>
</html>