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

