transformed-path-ref.html (417B)
1 <html> 2 <body> 3 <canvas width="500" height="500"></canvas> 4 <script> 5 var canvas = document.getElementsByTagName('canvas')[0]; 6 var ctx = canvas.getContext('2d'); 7 ctx.scale(0.5, 0.5); 8 9 ctx.translate(41, 41.); 10 ctx.rect(0, 0, 100, 100); 11 ctx.moveTo(100,0); 12 ctx.quadraticCurveTo(200, 100, 300,0); 13 ctx.moveTo(300,0); 14 ctx.bezierCurveTo(400, 100, 500, -100, 600,0); 15 16 ctx.stroke(); 17 </script> 18 </body> 19 </html>