GWT（javascript）およびCSS3プロパティを使用して無限回転アニメーションを作成しました。「transform」プロパティを「rotate（currentVal + 360）」（webkit、opera、firefox、safariの場合）に繰り返し設定するタイマーを作成しました。問題は、この方法でFirefox（Intel Core2 Duo 1.8 GHz）で約10〜15％のCPU（Chrome）と20〜25％のCPUを使用することですが、その理由がわかりません。別の解決策はありますか？（たとえば、クロムやサファリだけでなく、すべての主要なブラウザに対して...）、またはここで間違っている可能性がありますか？
1 に答える
1
今のところ、CSS3はまだハードウェアアクセラレーションされていません。少なくとも、テストしたブラウザではそうではありません。ただし、CSS3以外にも、画像を回転させる可能性がいくつかあります。
- Raphaël-JavaScriptライブラリ
- Paper.js
- jQueryRotate（jQueryプラグイン）
これらのライブラリは、CPUの消費が少ないIMHOであるSVGで動作します。画像を回転させるだけの場合は、raphaeljs-library全体は必要ないかもしれません。この場合、仕様を確認する必要があります：w3.org/TR/SVG11
実例： http： //upload.wikimedia.org/wikipedia/commons/4/4f/Soccer_ball_animated.svg
于 2012-05-25T20:33:18.283 に答える