177-371-24501(同微信)

wx.createAnimation(OBJECT),小程序创建一个动画实例animation

2022-04-21 管理员

创建一个动画实例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
})

更多微信小程序开发教程,关注。

上一篇:wx.pageScrollTo(OBJECT),小程序将页面滚动到目标位置
下一篇:wx.navigateTo(OBJECT),小程序保留当前页面跳转到应用内的某个页面
相关资讯 Releva ntnews
解决方案 Solutions
相关热点 Hot spot
快速提升网站排名的方法
  1. 我们的优势
  2. 我们的实力
  3. 选择我们的理由
咨询电话(微信同号)

177-371-24501(同微信)

豫ICP备17049932号

Copyright © 2017-2022 版权所有 追风建站 Rights Reserved 技术支持:酷微科技

电话咨询 在线咨询 服务项目 SEO优化