在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
动画的基本使用: 旋转动画 缩放动画 偏移动画 倾斜动画 矩阵动画 动画API:wx.createAnimation(object) 示例:创建一个点击的动画 <view class="animation" animation="{{animationData}}" bindtap="clickBtn"> 动画 </view> page.js文件 //获取应用实例 const app = getApp() Page({ data: { animationData:[] }, clickBtn:function(){ //创建动画 var animation = wx.createAnimation({ duration:400, timingFunction:"linear", dalay:0, transformOrign:"50% 50% 0" }); // 设置动画 animation.rotate(90).step(); // step 代表步 // animation.rotate(90).scale(2).step(); // 旋转放大 // animation.rotate(90).step(); // animation.scale(90).step(); // 将动画数据导出 并进行设置 this.setData({animationData:animation.export()}); } })
|
请发表评论