内容介绍
绘制贝塞尔曲线时,需要使用“bezierCurveTo”方法。该方法可以说是lineTo的曲线版,将从当前坐标点到指定坐标点中间的贝塞尔曲线追加到路径中。
context.bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y);
绘制贝塞尔曲线时,需要两个控制点。cp1x,cp1y为第一个控制点坐标,cp2x,cp2y为第二个控制点坐标。x,y为贝塞尔曲线终点坐标。
除了在canvas画布中用“bezierCurveTo”方法绘制贝塞尔曲线之外,还可以使用quadraticCurveTo方法来为当前路径绘制二次样条曲线。
quadraticCurveTo(cpx,cpy,x,y)
cpx,cpy为控制点为坐标,x,y为二次样条曲线终点的坐标
本站所有特效都是站长亲自测试后发布的,如果运行代码无效果,请复制到您的本机运行
运行代码
复制代码
另存代码[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]