Bézier curve - 术语表 编辑

贝塞尔曲线是一种使用数学方法描述的曲线，被广泛用于计算机图形学和动画中，在 vector images 里，贝塞尔曲线用于定义可无限放大的光滑曲线。

贝塞尔曲线由至少两个控制点进行描述。Web 技术中使用的是三次贝塞尔曲线，即使用四个控制点[P₀, P₁, P₂, P₃] 描述的曲线。

在绘制曲线的过程中，需要先作两条辅助线：[P₀,P₁ ]和[P₁ , P₂]（译者注：下图中的绿线）；辅助线的端点沿着所在连线平滑地移动到连线的另一端；采用同样的方法在辅助线[P₀,P₁ ]和[P₁ , P₂]上绘制第三条辅助线（译者注：下图中的蓝线）；在第三条辅助线上将一个点从一端平滑地移向另外一端，这个点的运动轨迹就是贝塞尔曲线。下面是这个绘图过程的动态演示：

了解更多

常识

• Bézier curve on Wikipedia

学习使用贝塞尔曲线

• Cubic Bézier timing functions in CSS
• keySplines SVG attribute
• Cubic Bézier Generator