跳到主要内容
版本:4.x

Taro.createAnimation(option)

创建一个动画实例 animation。调用实例的方法来描述动画。最后通过动画实例的 export 方法导出动画数据传递给组件的 animation 属性。

支持情况:

参考文档

类型

(option: Option) => Animation

参数

参数类型
optionOption

Option

参数类型默认值必填说明
durationnumber动画持续时间,单位 ms
timingFunctionkeyof TimingFunction动画的效果
delaynumber0动画延迟时间,单位 ms
transformOriginstring"50% 50% 0"
unitstring单位
API 支持度: h5

TimingFunction

参数说明
linear动画从头到尾的速度是相同的
ease动画以低速开始,然后加快,在结束前变慢
ease-in动画以低速开始
ease-in-out动画以低速开始和结束
ease-out动画以低速结束
step-start动画第一帧就跳至结束状态直到结束
step-end动画一直保持开始状态,最后一帧跳到结束状态

示例代码

var animation = Taro.createAnimation({
transformOrigin: "50% 50%",
duration: 1000,
timingFunction: "ease",
delay: 0
})