これが続けば、私は着実にもっと怒っていくでしょう:
Firefoxバージョン6〜13には、MacおよびWindowsXPでの深刻な画像レンダリングパフォーマンスの問題があるようです。
position: absolute; left: Xpx
DIV内でCSS3を介して、またはCSS3を使用して、transform: translateX(Xpx);
あるいはキャンバス要素内でさえ、複数の画像を移動するかどうかにかかわらず、画像は移動中に大きく途切れます。
私の最新のCanvasテストはここで確認できます:http://jsfiddle.net/5YCmH/6/
私の質問は; なぜこうなった? 私がウェブ上でそれを見て読んだように、CSS3とCanvasは今ではハードウェアアクセラレーションされているはずです。そこで、about:configでさまざまな設定を確認し、デフォルトにリセットしました。何も機能しません。SafariとChromeはすべてをスムーズにレンダリングしていますが、FirefoxはIE7のように見えます。
私は3台の異なるマシンでテストしましたが、どこでも同じ問題がありました。何が起こっているの?どんな指針や洞察も役に立ちます!
PS:1年前のようにChromeに切り替えて以来、FFはあまり使用していません。その前に、画像スライディングウィジェットを作成し、FF 3.6.xxでテストしましたが、スムーズに機能しました(position: absolute; left: xx;
アプローチを使用)。現在、主にWebKitブラウザーで開発したコードをFFでもテストしていますが、まったく機能しません。
これは実生活ですか?面白そうです。
編集:
これは、昔ながらのアニメーションで同じ吃音を示す別のフィドルです:http: //jsfiddle.net/XZAE6/3/
そしてCSS3で:http translateX()
://jsfiddle.net/h3UNk/3/