使用二阶贝塞尔曲线画爱心

藏宝库编辑 · 2024-9-6 11:25:35

简介

上一篇这一篇让你彻底搞懂贝塞尔曲线的原理中，我们先容了贝塞尔曲线的原理。这一篇我们先用二阶贝塞尔曲线来做一个应用 —— 绘制爱心。起首回顾一下二阶贝塞尔曲线。

如上图所示，颠末推导得出的曲线上的点 P 的盘算公式如下：

爱心绘制控制点

起首我们来看爱心使用二阶贝塞尔曲线怎样实现。如下图所示，爱心可以分为4段曲线，分别是 P0-P1，P1-P2，P2-P3和 P3-P0之间的四段曲线，此中 P0-P1和 P1-P2是对称的，P2-P3和 P3-P0也是对称的。

有了这个根本，我们就可以在各段曲线的中心增长一个控制点，形成二阶贝塞尔曲线所需的三个控制点，如下图所示。

固然，为了让爱心悦目，这些点须要细致调解，尤其是P1-P2和 P2-P3的两段曲线斜接处须要过渡得平滑。代码实现

代码实现的关键是调治点位参数和封装一个获取二阶贝塞尔曲线的函数方便重复调用，然后就是设置一个 t 变量，通过循环等隔断天生曲线的一些列点就可以绘制出曲线了。下面是根据三个控制点获取二阶贝塞尔曲线在 t 时间点的位置的方法。

使用二阶贝塞尔曲线画爱心

所属分类: 问答交流

新帖推荐: 30日

推荐作品