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 <canvas id="canvas2" width="200" height="200" style="display:none" ></canvas> | 3 <canvas id="canvas2" width="200" height="200" style="display:none" ></canvas> |
4 <script> | 4 <script> |
5 if (window.testRunner) | 5 if (window.testRunner) |
6 testRunner.dumpAsText(true); | 6 testRunner.dumpAsTextWithPixelResults(); |
7 | 7 |
8 var canvas = document.getElementById("canvas"); | 8 var canvas = document.getElementById("canvas"); |
9 var canvas2 = document.getElementById("canvas2"); | 9 var canvas2 = document.getElementById("canvas2"); |
10 var context = canvas.getContext("2d"); | 10 var context = canvas.getContext("2d"); |
11 var context2 = canvas2.getContext("2d"); | 11 var context2 = canvas2.getContext("2d"); |
12 context2.fillStyle = 'red'; | 12 context2.fillStyle = 'red'; |
13 context2.fillRect(0,0,200,200); | 13 context2.fillRect(0,0,200,200); |
14 context2.fillStyle = 'green'; | 14 context2.fillStyle = 'green'; |
15 context2.fillRect(50,50,100,100); | 15 context2.fillRect(50,50,100,100); |
16 context.drawImage(canvas2, 50, 50, 100, 100, 0, 0, 200, 200); | 16 context.drawImage(canvas2, 50, 50, 100, 100, 0, 0, 200, 200); |
17 </script> | 17 </script> |
OLD | NEW |