84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
光阴似箭催人老,日月如移越少年。
你用什么实现?Flash、CSS3还是Canvas?我觉得不论用什么方式,思路都是一样的:
首先你要有一个计时器。这个计时器每隔一段时间(例如20毫秒),就去改变要旋转的那个元素的角度(例如1°),当然也可能是其他属性。
然后你有两个按钮:暂停和恢复,当然也可能是一个按钮的两种状态。
当你点击暂停时,计时器暂停,从而元素暂停旋转;当你点击恢复时,计时器恢复,从而元素继续旋转。
只要按照这个逻辑,元素就应该从暂停的地方继续旋转,而不是重新从头旋转。
PS:当然我说的那个计时器也是,也可能是用requestAnimationFrame之类的,反正原理都一样。
requestAnimationFrame
你查看下播放函数是否支持指定开始播放位置暂停的时候保存当前的播放位置将上次暂停的位置信息传递给播放函数,让其从执行位置播放
可以使用css3的animation实现图片的旋转具体可以看demo
你用什么实现?Flash、CSS3还是Canvas?
我觉得不论用什么方式,思路都是一样的:
首先你要有一个计时器。这个计时器每隔一段时间(例如20毫秒),就去改变要旋转的那个元素的角度(例如1°),当然也可能是其他属性。
然后你有两个按钮:暂停和恢复,当然也可能是一个按钮的两种状态。
当你点击暂停时,计时器暂停,从而元素暂停旋转;当你点击恢复时,计时器恢复,从而元素继续旋转。
只要按照这个逻辑,元素就应该从暂停的地方继续旋转,而不是重新从头旋转。
PS:当然我说的那个计时器也是,也可能是用
requestAnimationFrame
之类的,反正原理都一样。你查看下播放函数是否支持指定开始播放位置
暂停的时候保存当前的播放位置
将上次暂停的位置信息传递给播放函数,让其从执行位置播放
可以使用css3的animation实现图片的旋转
具体可以看demo