首页 > 编程 > HTML > 正文

使用canvas绘制贝塞尔曲线

2024-08-26 00:17:59
字体:
来源:转载
供稿:网友
这篇文章主要介绍了使用canvas绘制贝塞尔曲线,包括2次和三次的凡赛尔曲线,非常的详细,推荐个小伙伴。
 
 

1、二次贝塞尔曲线

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

数学公式表示如下:

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

使用canvas绘制贝塞尔曲线

使用canvas绘制贝塞尔曲线

代码实例:

 

复制代码
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表