| <html> |
| <head> |
| <script type="text/javascript"> |
| if (window.testRunner) |
| testRunner.dumpAsTextWithPixelResults(); |
| |
| function main() { |
| var g = document.getElementById("c").getContext("2d"); |
| g.beginPath(); |
| g.moveTo(50, 0); |
| g.lineTo(50,100); |
| g.translate(50, 50); |
| g.rotate(0.5*3.1415); |
| g.translate(-50, -50); |
| g.moveTo(50, 0); |
| g.lineTo(50,100); |
| g.stroke(); |
| } |
| </script> |
| </head> |
| <body onload="main();"> |
| <canvas id="c" width="100" height="100" style="background: green"></canvas> |
| <div>This tests that transforms applied to a canvas, are correctly applied to the stroke path defined in the context. <br> The above image should be a green square divided into quarters by two black lines.</div> |
| </body> |
| </html> |
