创新互联百度小程序教程：swan.createAnimation
- swan.createAnimation
- 方法参数
- 返回值
- object 参数说明
- timingFunction 有效值
- 示例
- 代码示例 1
- 代码示例 2：参数默认值
- 代码示例 3：timingFunction
swan.createAnimation
解释：创建一个动画实例 animation 。
方法参数
Object object
返回值
Animation
object 参数说明
| 属性名 | 类型 | 必填 | 默认值 | 说明 |
|---|
|
duration
|
Number
|
否
|
400
|
动画持续时间（单位：ms）
|
|
timingFunction
|
String
|
否
|
‘linear’
|
定义动画的效果
|
|
delay
|
Number
|
否
|
0
|
动画延迟时间（单位：ms）
|
|
transformOrigin
|
String
|
否
|
‘50% 50% 0’
|
动画
|
timingFunction 有效值
| 值 | 说明 |
|---|
|
linear
|
以相同速度开始至结束
|
|
ease
|
慢速开始，然后变快，然后慢速结束
|
|
ease-in
|
慢速开始的过渡效果
|
|
ease-in-out
|
动画以低速开始和结束
|
|
ease-out
|
动画以低速结束
|
|
step-start
|
动画第一帧就跳至结束状态直到结束
|
|
step-end
|
动画一直保持开始状态，最后一帧跳到结束状态
|
示例
跳转编辑工具
在开发者工具中打开
在 WEB IDE 中打开
扫码体验
代码示例
请使用百度APP扫码
代码示例 1
展示动画
代码示例 2：参数默认值
在开发者工具中打开
在开发者工具中打开
在 WEB IDE 中打开
代码示例 3：timingFunction
在开发者工具中打开
在开发者工具中打开
在 WEB IDE 中打开
文章题目：创新互联百度小程序教程：swan.createAnimation
新闻来源：
http://cdbrznjsb.com/article/cdjdecc.html
