OLD | NEW |
| (Empty) |
1 <canvas id="canvas" width="200" height="100"></canvas> | |
2 <script> | |
3 if (window.testRunner) | |
4 testRunner.dumpAsTextWithPixelResults(); | |
5 | |
6 var img = new Image(); | |
7 // This is a 2x1 image, blue at (0, 0) and green at (1, 0). | |
8 img.src = 'data:image/png;base64,' + | |
9 'iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAIAAAB7QOjdAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwA
A' + | |
10 'CxMBAJqcGAAAAAd0SU1FB9wIGxQKIbPpHtMAAAAPSURBVAjXY2Bg+M/wnwEABgEB/6KPEdkAAAAASUV
O' + | |
11 'RK5CYII='; | |
12 | |
13 img.onload = function() | |
14 { | |
15 // Start from the middle of the blue pixel and stretch to the entire | |
16 // canvas. Canvas should have 1/3 blue on the left and 2/3 green on the | |
17 // right, with gradient if interpolation allows. | |
18 var ctx = document.getElementById("canvas").getContext("2d"); | |
19 ctx.drawImage(img, 0.5, 0, 1.5, 1, 0, 0, 200, 100); | |
20 } | |
21 </script> | |
OLD | NEW |