美文网首页
HTM5 canvas beziercurveto()方法

HTM5 canvas beziercurveto()方法

作者: 隐藏的记号 | 来源:发表于2020-03-19 17:11 被阅读0次

beziercurveto

用来绘制三次贝塞尔曲线, 好奇怪的名字,三次贝塞尔曲线是什么样子的?

三次贝塞尔曲线

定义和用法

bezierCurveTo() 方法通过使用表示三次贝塞尔曲线的指定控制点,向当前路径添加一个点。

三次贝塞尔曲线需要三个点。前两个点是用于三次贝塞尔计算中的控制点,第三个点是曲线的结束点。曲线的开始点是当前路径中最后一个点。如果路径不存在,那么请使用 beginPath()moveTo() 方法来定义开始点

image.png

该方法需要六个参数,分别是这三个点的横纵坐标值。

浏览器支持

Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 bezierCurveTo() 方法。
注意:Internet Explorer 8 或更早的浏览器不支持 <canvas> 元素。

有关与它的应用

可以来画曲线,比如,表示git 流程的曲线:


image.png

相关文章

网友评论

      本文标题:HTM5 canvas beziercurveto()方法

      本文链接:https://www.haomeiwen.com/subject/atblyhtx.html