关于画面图片旋转的问题
发布于 5 年前 作者 kwu 14049 次浏览 来自 问答

项目有要求,需要画一个旋转的圆,且同时要支持点击按钮可启动旋转,点击按钮可停止旋转,同时停止后再次启动要在上次停止的位置继续,不可重新开始。

开始的思路是在js中使用setInterval对page的Data设置一个角度值,页面style中使用transform: rotate()属性进行旋转,但存在一个问题, 由于间隔时间太短(每40ms增加1度),导致存在性能问题,间隔太长又没有平滑旋转的效果。

继而又转向研究

wx.

createAnimation方式,但该方式无法在动画过程中强行停止。

不知道有没有大侠提供一个解决思路?

1 回复

用canvas吧

.setData性能是瓶颈.

回到顶部