| The letters in the right image should be crisp and non-blurry like the letters in the left image.<p> |
| <canvas></canvas> |
| <img id="result"> |
| |
| <script> |
| if (window.testRunner) { |
| testRunner.dumpAsTextWithPixelResults(); |
| testRunner.waitUntilDone(); |
| } |
| |
| var image = new Image(); |
| image.onload = function() { |
| var canvas = document.querySelector('canvas'); |
| canvas.width = this.width; |
| canvas.height = this.height; |
| var ctx = canvas.getContext('2d') |
| ctx.drawImage(canvas, 0, 0); |
| // setTimeout creates a frame barrier that locks the canvas into gpu |
| // acceleration mode when running under virtual/gpu |
| setTimeout(() => { |
| ctx.drawImage(this, 0, 0); |
| result.src = canvas.toDataURL('image/jpeg', 1.0); |
| document.body.style.zoom = 1.3; |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| }, 0); |
| }; |
| |
| image.src = "resources/letters.png"; |
| </script> |