计算模式

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

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

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

用法说明

discrete | linear | paced | spline
默认值 linear
可动画的
离散

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

linear

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

paced

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

spline

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

规范

规范
SVG 动画级别 2
# CalcModeAttribute

另见