前言

本章介绍不使用任何第三方库，纯JavaScript实现样条曲线（Spline Curve）插值算法，生成更加平滑连续的曲线。

样条曲线（Spline Curve）插值算法比贝塞尔曲线生成的曲线更加平滑连续。

介绍

样条曲线（Spline Curve）是一种通过给定的控制点插值生成平滑曲线的方法。其基本原理是通过控制点之间的插值来生成曲线，保证曲线的平滑性和连续性。通常情况下，样条曲线会经过每一个控制点，但并不受控制点的移动而发生剧烈变化，从而形成平滑的曲线。

样条曲线（Spline Curve）插值算法对比贝塞尔曲线孰优孰劣？

贝塞尔曲线与样条曲线相比，贝塞尔曲线的原理是基于多项式的参数化表示。它由一系列控制点和称为节点的参数组成，通过调整节点的位置以及控制点的权重来调整曲线的形状。贝塞尔曲线通常更适用于描述特定形状的曲线，例如二次贝塞尔曲线、三次贝塞尔曲线等。

• 缺点：
  在计算速度方面，贝塞尔曲线通常比样条曲线更快。这是因为贝塞尔曲线的计算是基于多项式的简单运算，而样条曲线需要进行插值计算，通常涉及到更多的数学运算。因此，如果在计算速度上有严格要求，可能更倾向于使用贝塞尔曲线。
• 优点：
  样条曲线（Spline Curve）在曲线生成算法中以生成平滑且连续的曲线而闻名。在大多数应用场景下，样条曲线比其他曲线生成算法（