<!DOCTYPE html>
<html>
<body>
<p>A green square should appear below this text.</p>
<canvas id="c" width="100" height="100"></canvas>
<script>
window.onload = function() {
    var canvas = document.getElementById("c")
    var ctx = canvas.getContext("2d")
    ctx.fillStyle = 'red';
    ctx.fillRect(0, 0, 100, 100);
    ctx.translate(100, 0);

    // If canvas was in diplay list mode, this will trigger a fallback
    var dataUrl = canvas.toDataURL();
    // This should reset the current transform. crbug.com/445162 had to do with
    // The fallback interfering with the mechanism that resets state when the canvas
    // is cleared by resetting its size to the same value.
    canvas.width = 100;

    ctx.fillStyle = 'green';
    ctx.fillRect(0, 0, 100, 100);
}
</script>
</body>
</html>