1234567891011121314151617181920212223242526272829303132333435 |
- <!DOCTYPE html>
- <head>
- <style>
- body {
- background: black;
- }
- </style>
- <body>
- This test checks if the color bleeds due to interpolation filter when the canvas is stretched. We expect to see a white band extending from left to right without any vertical black lines.
- <canvas id='foo' width='100' height='100' style='width:500px;height:100px'> </canvas>
- <script>
- if (window.testRunner) {
- testRunner.waitUntilDone();
- }
- var i = 0;
- var ctx = document.getElementById("foo").getContext("2d");
- ctx.fillStyle = 'white';
- function draw_slice() {
- if (i >= 100) {
- if (window.testRunner) {
- testRunner.notifyDone();
- }
- }
- ctx.fillRect(i, 0, 2, 100);
- i+=2;
- window.requestAnimationFrame(draw_slice);
- }
- draw_slice();
- </script>
- </body>
- </head>
|