我使用 GWT (javascript) 和 CSS3 属性创建了一个无限旋转动画：我创建了一个计时器，它反复将“transform”属性设置为“rotate(currentVal + 360)”（用于 webkit、opera、firefox、safari）。问题是这种方法使用大约 10-15% 的 CPU（在 chrome 上）和 20-25% 的 CPU 在 firefox（Intel Core2 Duo 1.8 GHz）上，我不明白为什么。是否有替代解决方案？（对于所有主要浏览器，不仅仅是 chrome 或 safari 让我们说......）还是我可能在这里做错了什么？
问问题
435 次
1 回答
1
目前 CSS3 还没有硬件加速，至少你测试的浏览器没有。但是除了 CSS3 之外，还有其他几种旋转图像的可能性：
- Raphaël-JavaScript 库
- Paper.js
- jQueryRotate（一个 jQuery 插件）
这些库与 SVG 一起使用，恕我直言，它的 CPU 消耗较少。如果您只想旋转图像，则可能不需要整个 raphaeljs-library。在这种情况下，您应该查看规格：w3.org/TR/SVG11
现场示例：http: //upload.wikimedia.org/wikipedia/commons/4/4f/Soccer_ball_animated.svg
于 2012-05-25T20:33:18.283 回答