2

これが続けば、私は着実にもっと怒っていくでしょう:

Firefoxバージョン6〜13には、MacおよびWindowsXPでの深刻な画像レンダリングパフォーマンスの問題があるようです。

position: absolute; left: XpxDIV内で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/

4

2 に答える 2

0

この問題は、小さな画像を使用することで解決できる可能性があります。aquatics.jpg は 193 キロバイト、velodrome.jpg は 140 キロバイトです。画質を著しく損なうことなく、サイズを少なくとも 50% 縮小できると確信しています。

于 2012-07-04T14:21:59.093 に答える
0

あなたの質問に答えるには: はい、これは実生活です...;)

于 2012-07-04T14:15:28.870 に答える