| OLD | NEW |
| 1 If this renders correctly you should see one big friendly green square. | 1 <p>If this renders correctly you should see one big friendly green square.</p> |
| 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) | |
| 5 testRunner.dumpAsTextWithPixelResults(); | |
| 6 | |
| 7 var canvas = document.getElementById("canvas"); | 4 var canvas = document.getElementById("canvas"); |
| 8 var context = canvas.getContext("2d"); | 5 var context = canvas.getContext("2d"); |
| 6 context.imageSmoothingEnabled = false; |
| 9 context.fillStyle = 'red'; | 7 context.fillStyle = 'red'; |
| 10 context.fillRect(0,0,200,200); | 8 context.fillRect(0,0,200,200); |
| 11 context.fillStyle = 'green'; | 9 context.fillStyle = 'green'; |
| 12 context.fillRect(50,50,100,100); | 10 context.fillRect(50,50,100,100); |
| 13 context.drawImage(canvas, 50, 50, 100, 100, 0, 0, 200, 200); | 11 context.drawImage(canvas, 50, 50, 100, 100, 0, 0, 200, 200); |
| 14 </script> | 12 </script> |
| OLD | NEW |