12345678910111213141516171819202122232425262728293031 |
- <!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>
|