【发布时间】：2012-05-31 19:34:00
【问题描述】：
我使用 GWT (javascript) 和 CSS3 属性创建了一个无限旋转动画：我创建了一个计时器，它反复将“transform”属性设置为“rotate(currentVal + 360)”（适用于 webkit、opera、firefox、safari）。 问题是这种方法使用大约 10-15% CPU（在 chrome 上）和 20-25% 在 firefox（Intel Core2 Duo 1.8 GHz）上的 CPU，我不明白为什么。 是否有替代解决方案？（对于所有主要浏览器，不仅仅是 chrome 或 safari 让我们说......）还是我可能在这里做错了什么？
【问题讨论】：
-
看看使用 SVG 的 raphaeljs。这会减少 CPU 消耗...
-
酷！我为 GWT code.google.com/p/raphaelgwt 找到了这个。你会推荐它吗？ :)
-
取决于你想用它做什么。如果您只想旋转图像，则可能不需要整个 raphaeljs-library。在这种情况下，您应该查看规格：w3.org/TR/SVG11 示例：upload.wikimedia.org/wikipedia/commons/4/4f/…
-
还有一个 jQuery-Plugin 提供旋转功能：code.google.com/p/jqueryrotate
-
抱歉，我将褒奖与答案混为一谈……见下文！
标签： javascript gwt animation css rotation