小程序开发API之动画Animation

本文详细介绍了小程序中创建动画的方法wx.createAnimation,包括参数、合法值、transform-origin及各种动画方法,如旋转、缩放、偏移、倾斜等。通过调用Animation的export方法,将动画数据应用到组件的animation属性上,实现复杂的动画效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

效果展示


在这里插入图片描述

wx.createAnimation(Object object)

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

wx.createAnimation参数在这里插入图片描述

timingFunction 的合法值在这里插入图片描述### transform-origin

属性允许您改变被转换元素的位置。
transform-origin: x-axis y-axis z-axis;
其中

  • x-axis 定义视图被置于 X 轴的何处。可能的值:left、center、 right、length、%
  • y-axis 定义视图被置于 Y 轴的何处。可能的值: top、center、bottom、 length、%
  • z-axis 定义视图被置于 Z 轴的何处。可能的值:length

返回值

Animation

Animation

动画对象

Animation方法

动画方法
样式:在这里插入图片描述

旋转:在这里插入图片描述

缩放:在这里插入图片描述

偏移:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值