createAnimation
解释:创建一个动画实例 animation
参数:Object
Object 参数说明:
参数名 | 类型 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
duration | Integer | 否 | 400 | 动画持续时间,单位 ms 。 |
timingFunction | String | 否 | ‘linear’ | 定义动画的效果 |
delay | Integer | 否 | 0 | 动画延迟时间,单位 ms 。 |
transformOrigin | String | 否 | ‘50% 50% 0’ | 动画 |
timingFunction 有效值:
值 | 说明 |
---|---|
linear | 以相同速度开始至结束。 |
ease | 慢速开始,然后变快,然后慢速结束。 |
ease-in | 慢速开始的过渡效果。 |
ease-in-out | 动画以低速开始和结束。 |
ease-out | 动画以低速结束。 |
step-start | 动画第一帧就跳至结束状态直到结束。 |
step-end | 动画一直保持开始状态,最后一帧跳到结束状态。 |
- var animation = swan.createAnimation({
transformOrigin: "50% 50%",
duration: 1000,
timingFunction: "ease",
delay: 0
});