<!DOCTYPE html>
<html>
<body>
<p>
Test for crbug.com/609820. When running this test on Mac with retina display,
the result should be a clear canvas with no artifact after a few seconds.
</p>
<canvas id='output' width='300' height='250'></canvas>
<script>
var repeat = 350;
var x = y = 0;
var canvas = document.getElementById("output");
var ctx = canvas.getContext('2d');
ctx.fillStyle = "#FF0000";
requestAnimationFrame(animate);
function animate()
{
ctx.clearRect(x, y, 50, 50);
x++;
y++;
ctx.fillRect(x, y, 50, 50);
repeat--;
if (repeat > 0)
requestAnimationFrame(animate);
}
</script>
</body>
</html>