2.三次贝塞尔曲线

三次贝塞尔曲线需要定两个控制点，所以用C命令创建三次贝塞尔曲线，需要设置三组坐标参数：

M10 200 C10 110,180 110,180 20//Mx1 y1 C xc1 yc1, xc2 yc2, x2 y2

1. (x1,y1)表示的是曲线的起点；
2. (xc1,yc1)是起点的控制点；
3. (xc2,y2c)是终点的控制点；
4. (x2,y2)表示的是曲线的终点。

//绘制三次赛贝尔曲线
function createCPath(x1, y1, x2, y2) {
    var path = "M" + x1 + " " + y1 + " ";
    var cx1 = x1;
    var cy1 = (y1 + y2) / 2;
    var cx2 = x2;
    var cy2 = (y1 + y2) / 2;
    var c = "C" + cx1 + " " + cy1 + "," + cx2 + " " + cy2 + ",";
    path = path + c + x2 + " " + y2;
    //console.log(path);
    return path;
                    1.二次贝塞尔曲线二次贝塞尔曲线只需要一个控制点，用来确定起点和终点的曲线斜率。因此它需要两组参数，控制点和终点坐标。Q x1 y1, x y2.三次贝塞尔曲线三次贝塞尔曲线需要定两个控制点，所以用C命令创建三次贝塞尔曲线，需要设置三组坐标参数：M10 200 C10 110,180 110,180 20//Mx1 y1 C xc1 yc1, xc2 yc2, x2 y...