首页 > 我想实现图片旋转动画,点击播放,图片不停的旋转,暂停的时候能从停的时候开始播,而不是从头开始播,效果和QQ音乐播发器效果差不多

我想实现图片旋转动画,点击播放,图片不停的旋转,暂停的时候能从停的时候开始播,而不是从头开始播,效果和QQ音乐播发器效果差不多

我想实现音乐播放器中的一个播放的时候,图片中间的旋转动画,点击播放,图片不停的旋转,暂停的时候能从停的时候开始播,而不是从头开始播,效果和QQ音乐播发器效果差不多


你用什么实现?Flash、CSS3还是Canvas?
我觉得不论用什么方式,思路都是一样的:

只要按照这个逻辑,元素就应该从暂停的地方继续旋转,而不是重新从头旋转。

PS:当然我说的那个计时器也是,也可能是用requestAnimationFrame之类的,反正原理都一样。


你查看下播放函数是否支持指定开始播放位置
暂停的时候保存当前的播放位置
将上次暂停的位置信息传递给播放函数,让其从执行位置播放


可以使用css3的animation实现图片的旋转
具体可以看demo

【热门文章】
【热门文章】