绘制贝塞尔曲线

 绘制一条贝塞尔曲线

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();

 

 三次贝塞尔曲线需要三个点，前两个点用于三次贝塞尔计算中的控制点，第三个点是曲线的结束点，曲线路径中最后一个点