首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

calcmode

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

用法上下文

分类

动画值属性

离散| 线性| 步调| 仿样

动画

没有

规范性文件

SVG 1.1(第2版)

discrete——指定动画函数将从一个值跳到下一个值,而不进行任何插值。

linear——值之间的简单线性插值用于计算动画函数。除了<animatemotion>之外,这是默认值。

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

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

实例

适用元素

以下元素可以使用该calcMode属性

  • <animate>
  • <animatecolor>
  • <animatemotion>
  • <animatetransform>

扫码关注腾讯云开发者

领取腾讯云代金券

http://www.vxiaotou.com