返回列表 发帖

微信小程序API 动画

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

注意:export方法每次调用后会清掉之前的动画操作

OBJECT参数说明:

参数        类型        必填        默认值        说明
duration        Integer        否        400        动画持续时间,单位ms
timingFunction        String        否        "linear"        定义动画的效果
delay        Integer        否        0        动画延迟时间,单位 ms
transformOrigin        String        否        "50% 50% 0"        设置transform-origin
timingFunction 有效值:

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

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

返回列表