calcMode

**calcMode** 属性指定动画的 插值 模式。

默认模式为 linear,但是如果属性不支持线性插值(例如对于字符串),则会忽略 calcMode 属性并使用离散插值。

您可以将此属性与以下 SVG 元素一起使用

使用说明

discrete | linear | paced | spline
默认值 linear
可动画化
discrete

这指定动画函数将从一个值跳到下一个值,没有任何插值。

linear

使用值之间的简单线性插值来计算动画函数。除 <animateMotion> 外,这是默认值。

paced

定义插值以在整个动画中产生均匀的更改速度。这仅适用于定义线性数值范围的值,并且可以计算点之间的“距离”概念(例如位置、宽度、高度等)。如果指定了 paced,任何 keyTimeskeySplines 将被忽略。对于 <animateMotion>,这是默认值。

spline

根据由三次贝塞尔样条曲线定义的时间函数,从 values 列表中的一个值插值到下一个值。样条曲线的点在 keyTimes 属性中定义,每个区间的控制点在 keySplines 属性中定义。

规范

规范
SVG 动画级别 2
# CalcModeAttribute

另请参阅