用html贝塞尔曲线绘制海豚 使用画布绘制贝塞尔曲线

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