微信小程序API 动画


本文整理自网络,侵删。

wx.createAnimation(OBJECT)


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

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

OBJECT参数说明:

参数类型必填默认值说明
durationInteger400动画持续时间,单位ms
timingFunctionString"linear"定义动画的效果
delayInteger0动画延迟时间,单位 ms
transformOriginString"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
})

animation


动画实例可以调用以下方法来描述动画,调用结束后会返回自身,支持链式调用的写法。

animation 对象的方法列表:

阅读剩余部分

相关阅读 >>

微信小程序 纯数据字段

微信小程序api 背景音频-背景音频管理器

微信小程序云开发服务端数据库api 获取记录数据

sdk数据库 command聚合操作符字符串操作符

微信小程序工具 素材管理

微信小程序api 第三方平台

微信小程序云开发api 更新指令

微信小程序 weui半屏弹窗

微信小程序 框架扩展computed

微信小程序api 打开关闭调试

更多相关阅读请进入《微信小程序》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...