用途:remotion-spline 用于在 Remotion 合成中创建平滑的路径动画,通过独立的样条函数沿路径计算位置,并生成对应的 SVG 路径。
主要能力:包内提供 Point2D 类型,以及四类函数。evaluateLinearSpline(points, t) 沿折线路径在参数 t(限制在 0 到 1)处求位置,返回坐标对。linearSplineToSVGPath(points) 把点转换为 SVG 的 M ... L ... 路径字符串。evaluateCatmullRom(points, t) 沿 centripetal Catmull-Rom 样条在参数 t 处求位置,返回坐标对,曲线会穿过全部控制点且平滑。catmullRomToSVGPath(points) 将点转换为与 Catmull-Rom 曲线匹配的 SVG 三次贝塞尔路径(M ... C ...)。所有函数要求至少 2 个点。
使用方式:从 remotion-spline 导入所需函数。在 Remotion 组件中用 useCurrentFrame 和 useVideoConfig 获取当前帧与总帧数,令 t = frame / (durationInFrames - 1),调用 evaluateCatmullRom 或 evaluateLinearSpline 得到 x、y,用 catmullRomToSVGPath 或 linearSplineToSVGPath 生成静态路径,在 SVG 中渲染 path 与 circle 即可同时显示轨迹和动画点。t=0 返回首点,t=1 返回末点,超出范围会自动截断。
适用场景:赛跑线、拖尾、引导线等静态路径渲染,以及需要沿平滑曲线做位置动画的 Remotion 视频合成。
限制:所有函数需要至少 2 个点;文档未提供安装方式、版本、许可、性能或收费等信息,暂未提供。