Canvas--贝塞尔曲线
1、quadraticCurveTo(cpx,cpy,x,y)：二次贝塞尔曲线
cpx----贝塞尔控制点的 x 坐标。
cpy----贝塞尔控制点的 y 坐标。
x ----结束点的 x 坐标。
y ----结束点的 y 坐标。
1 context.beginPath() 2 context.moveTo(50, 50) 3 context.quadraticCurveTo(50,100,200,40) 4 context.stroke() 5 6 context.beginPath() 7 context.moveTo(50, 50) 8 context.quadraticCurveTo(40,150,200,40) 9 context.stroke()
2、bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)：三次贝塞尔曲线
cp1x----第一个贝塞尔控制点的 x 坐标。
cp1y----第一个贝塞尔控制点的 y 坐标。
cp2x----第二个贝塞尔控制点的 x 坐标。
cp2y----第二个贝塞尔控制点的 y 坐标。
x -----结束点的 x 坐标。
y -----结束点的 y 坐标。
1 context.beginPath() 2 context.moveTo(50, 50) 3 context.bezierCurveTo(50,100,200,100,200,50) 4 context.stroke()
