似乎jsfiddle上的以下设置只能在firefox 4中顺利运行。 http://jsfiddle.net/ynytc/39/
我想知道为什么? 我想也许是因为firefox 4中的硬件加速, 但没有它仍然顺利。所以也许有人知道为什么?
编辑:与chrome,safari,ie8
相比答案 0 :(得分:0)
你在10秒钟内制作动画,大小只有20像素。这意味着每1/2秒只会有一个整体尺寸变化,这正是我在Chrome中看到的。图像的大小不能设置为像素的分数(在所有浏览器中)。然而,Firefox 4似乎允许这样做;这是我唯一能想象的东西。
如果你改变你的小提琴like this,你会发现Chrome正在以你想要的速度运行动画,但是只有当属性值发生整数变化时,图像才会移动(宽度和高度)。
答案 1 :(得分:0)
这是我之前没有遇到的一个有趣的副作用。
似乎其他浏览器无法应用子像素缩放,因此您只需要在10秒内传播20个像素,即每秒2帧的glorius。解决方法是应用CSS转换(如果您不需要支持IE)。
请参阅此处的CSS转换示例: http://jsfiddle.net/nKfdB/