Property:
bezierCurveTo:
20,100,200,100,200,20
30,100,200,100,200,20
50,100,200,100,200,20
100,100,200,100,200,20
200,100,200,100,200,20
500,100,200,100,200,20
-100,100,200,100,200,20
-200,100,200,100,200,20
Canvas:
your browser does not support the canvas tag
Code:
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
ctx.beginPath();
ctx.moveTo(20,20);
ctx.bezierCurveTo(
20,100,200,100,200,20)
;
ctx.stroke();
Click the property values above to see the result
W3Schools.com
- Play it