OLD | NEW |
1 If this renders correctly you should see one big friendly green square. | 1 If this renders correctly you should see one big friendly green square. |
2 <canvas id="canvas" width="200" height="200" ></canvas> | 2 <canvas id="canvas" width="200" height="200" ></canvas> |
3 <script> | 3 <script> |
4 if (window.testRunner) | 4 if (window.testRunner) |
5 testRunner.dumpAsText(true); | 5 testRunner.dumpAsTextWithPixelResults(); |
6 | 6 |
7 var canvas = document.getElementById("canvas"); | 7 var canvas = document.getElementById("canvas"); |
8 var context = canvas.getContext("2d"); | 8 var context = canvas.getContext("2d"); |
9 context.fillStyle = 'red'; | 9 context.fillStyle = 'red'; |
10 context.fillRect(0,0,200,200); | 10 context.fillRect(0,0,200,200); |
11 context.fillStyle = 'green'; | 11 context.fillStyle = 'green'; |
12 context.fillRect(50,50,100,100); | 12 context.fillRect(50,50,100,100); |
13 context.drawImage(canvas, 50, 50, 100, 100, 0, 0, 200, 200); | 13 context.drawImage(canvas, 50, 50, 100, 100, 0, 0, 200, 200); |
14 </script> | 14 </script> |
OLD | NEW |