| <html> | |
| <head> | |
| <script> | |
| function testOne(operation) | |
| { | |
| if (window.testRunner){ | |
| testRunner.dumpAsText(true); | |
| } | |
| var canvas = document.getElementById(operation); | |
| var context = canvas.getContext('2d'); | |
| context.fillStyle = "red"; | |
| context.fillRect(0, 0, 1000, 1000); | |
| context.moveTo(0, 0); | |
| context.lineTo(0, 1000); | |
| context.lineTo(1000, 1000); | |
| context.lineTo(1000, 0); | |
| context.closePath(); | |
| context[operation](); | |
| context.fillStyle = "green"; | |
| context.fill(); | |
| } | |
| function test() | |
| { | |
| testOne("fill"); | |
| testOne("stroke"); | |
| testOne("clip"); | |
| } | |
| </script> | |
| </head> | |
| <body onload="test()"> | |
| <p>All three of these small canvases should be green, not red.</p> | |
| <canvas id="fill" width="20" height="20"></canvas> | |
| <canvas id="stroke" width="20" height="20"></canvas> | |
| <canvas id="clip" width="20" height="20"></canvas> | |
| </body> | |
| </html> |