贝塞尔曲线 在 canvas上绘制 曲线

二次贝塞尔曲线

quadraticCurveTo(cpx,cpy,x,y);

cpx,cpy 控制点

x,y  终点

context.quadraticCurveTo(-500,-200,0,300)

三次贝塞尔曲线

三次贝塞尔曲线:

* bezierCurveTo (cpx1,cpy1,cpx2,cpy2,x,y);

* 两个控制点,一个目标点

context.bezierCurveTo(-50,-200,-400,100, 0,300);	
context.bezierCurveTo(400,100,50,-200, 0,0);
context.stroke();

猜你喜欢

转载自blog.csdn.net/a17634399794/article/details/82288971