1,二次贝塞尔曲线
quadraticCurveTo(cpx,cpy,x,y)//cpx,cpy表示控制点的坐标,x,y表示终点坐标;
数学公式表示如下:
二次方贝兹曲线的路径由给定点P0,P1,P2的函数B(t)追踪:
代码实例:
复制代码
代码如下:
varcontext=canvas.getContext('2d');//初始化起点,控制点,终点context.beginPath();
context.moveTo(20,170);context.lineTo(130,40);context.lineTo(180,150);context.stroke();
//装饰2次贝塞尔曲线context.beginPath();context.moveTo(20,170);context.quadraticCurveTo(130,40,180,150);context.strokeStyle=“红色”;context.stroke();}