微信小程序中的旋转动画。已下图为例
图片右上角的音乐图标需要旋转,上代码
wxml
<image class='yy' src='../image/yytb.png' animation='{{aaa}}'></image>
这里可以是图片也可以是view
js代码
var th=this;
var animation = wx.createAnimation({
duration: 3000,//旋转速度毫秒,数值越小速度越快
timingFunction: 'linear',
});
animation.rotate(180).step()//旋转动画180为角度.360是一周
var param="aaa";//动画的名字,与wxml的animation一样
var json = '{"' + param + '":""}'
json = JSON.parse(json);
json[param] = animation.export()
th.setData(json)
如需开发视频教程请扫描下面二维码(免费)