id
|
string
|
-
|
否
|
组件的唯一标识。
|
attributeName
|
string
|
-
|
否
|
设置需要进行动效的属性名。
|
begin
|
<time>
|
0
|
否
|
设置动效的延迟时间。
支持输入ms(毫秒)、s（秒）、m（分），默认为s(秒)，其他格式不支持
|
dur
|
<time>
|
0
|
否
|
设置动效持续时间，如果dur没设置，按照end-begin的结果作为持续时间，小于等于0时，动效不触发。
支持输入ms(毫秒)、s（秒）、m（分），默认为s(秒)，其他格式不支持
|
end
|
<time>
|
0
|
否
|
设置动效多久时间后结束。支持输入ms(毫秒)、s（秒）、m（分），默认为s(秒)，其他格式不支持
|
repeatCount
|
<number | indefinite>
|
1
|
否
|
设置动画播放的次数，默认无限次播放(indefinite)，可通过设置为数值1仅播放一次。
|
fill
|
<freeze | remove>
|
remove
|
否
|
设置动画结束时的状态。
|
calcMode
|
<discrete | linear | paced | spline>
|
linear
|
否
|
设置动画的插值模式。
discrete：阶跃，from值直接跳转到to的值；
linear：线性；
paced：线性，设置此项后keyTimes和keyPoints值无效
spline：自定义贝塞尔曲线，spline点定义在keyTimes属性中，每个时间间隔控制点由keySplines定义
|
keyTimes
|
string
|
-
|
否
|
设置关键帧动画的开始时间，值为0~1之间的数值用分号隔开，比如0;0.3;0.8;1。keyTimes、keySplines、values组合设置关键帧动画。keyTimes和values的个数保持一致。keySplines个数为keyTimes个数减一
|
keySplines
|
string
|
-
|
否
|
与keyTimes相关联的一组贝塞尔控制点。定义每个关键帧的贝塞尔曲线，曲线之间用分号隔开。曲线内的两个控制掉格式为x1 y1 x2 y2。比如0.5 0 0.5 1; 0.5 0 0.5 1;0.5 0 0.5 1
|
by
|
number
|
-
|
否
|
在动画中对某一指定属性，添加相对偏移值，from默认为原属性值。
|
from
|
string
|
-
|
否
|
设置需要进行动画的属性的开始值。
如果已经设置了values属性，则from失效。
|
to
|
string
|
-
|
否
|
设置需要进行动画的属性的结束值。
如果已经设置了values属性，则to都失效。
|
values
|
string
|
-
|
否
|
设置一组动画的变化值。格式为value1;value2;value3。
|