当前位置:Gxlcms > html代码 > 使用canvas绘制贝塞尔曲线_html5教程技巧

使用canvas绘制贝塞尔曲线_html5教程技巧

时间:2021-07-01 10:21:17 帮助过:33人阅读

1、二次贝塞尔曲线

  quadraticCurveTo(cpx,cpy,x,y)  //cpx,cpy表示控制点的坐标,x,y表示终点坐标;

数学公式表示如下:

二次方贝兹曲线的路径由给定点P0、P1、P2的函数B(t)追踪:

代码实例:


代码如下:





canvas直线





二次贝塞尔曲线