项目有要求,需要画一个旋转的圆,且同时要支持点击按钮可启动旋转,点击按钮可停止旋转,同时停止后再次启动要在上次停止的位置继续,不可重新开始。
开始的思路是在js中使用setInterval对page的Data设置一个角度值,页面style中使用transform: rotate()属性进行旋转,但存在一个问题, 由于间隔时间太短(每40ms增加1度),导致存在性能问题,间隔太长又没有平滑旋转的效果。
继而又转向研究
wx.
createAnimation方式,但该方式无法在动画过程中强行停止。
不知道有没有大侠提供一个解决思路?
用canvas吧
.setData性能是瓶颈.