transformed-path-ref.html 417 B

1234567891011121314151617181920
  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. ctx.translate(41, 41.);
  9. ctx.rect(0, 0, 100, 100);
  10. ctx.moveTo(100,0);
  11. ctx.quadraticCurveTo(200, 100, 300,0);
  12. ctx.moveTo(300,0);
  13. ctx.bezierCurveTo(400, 100, 500, -100, 600,0);
  14. ctx.stroke();
  15. </script>
  16. </body>
  17. </html>