calcmode
该属性指定动画的插值模式。默认的模式是线性的,但是如果属性不支持线性插值(例如对于字符串),calcMode
则忽略该属性并使用离散插值。
用法上下文
分类 | 动画值属性 |
---|---|
值 | 离散| 线性| 步调| 仿样 |
动画 | 没有 |
规范性文件 | SVG 1.1(第2版) |
discrete
——指定动画函数将从一个值跳到下一个值,而不进行任何插值。
linear
——值之间的简单线性插值用于计算动画函数。除了<animatemotion>
之外,这是默认值。
paced
——插值可在整个动画中产生均匀的变化速度。这只支持定义线性数值范围的值,并且可以计算点与点之间的“距离”的一些概念(例如位置,宽度,高度等)。如果指定了paced,则任何keyTimes
或keySplines
将被忽略。因为对于<animatemotion>
,这是默认值。
spline
—— 插值根据由三次Bézier样条曲线定义的时间函数从values
列表中的一个值插入到下一个值。样条曲线的点在keyTimes
属性中定义,每个区间的控制点在keySplines
属性中定义。
实例
适用元素
以下元素可以使用该calcMode
属性
<animate>
<animatecolor>
<animatemotion>
<animatetransform>
本文档系腾讯云开发者社区成员共同维护,如有问题请联系 cloudcommunity@tencent.com