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