1

画像の 3D 変換に問題があります。例えば：

transform: rotateY(60deg);

Windows XP の Firefox を除くすべての場所で問題なく動作します。画像がギザギザに表示されます (アンチエイリアスなし?)。Safari、Chrome、および Windows 7 と Mac OS X の Firefox で見栄えがします。別のバージョンの Firefox もテストしましたが、他の結果はありませんでした。

同じ問題の説明や解決策が見つかりませんでした。（透明な）ボーダー/アウトラインを与えるとエッジが改善されると書いている人もいますが、画像内では役に立ちません。

ここでフィドルを作成しました：http://jsfiddle.net/8Tx6X/4/

Windows XP の Firefox 16.0.1 と比較して、Windows 7 (およびその他のブラウザー) の Firefox 16.0.1 でどのように見えるかを以下に示します: http://i.stack.imgur.com/NePyd.png

誰も同じ行動を経験しましたか？

ハードウェア/ソフトウェアのレンダリングに問題がある可能性はありますか? （仮想マシンと古いラップトップを使用してXPでテストしました）

ハック、または少なくとも正しく表示されているかどうかを検出する方法を見つけたいと思います。

4

2 に答える 2

1

さらに調査した結果、私はもう少し先に進むことができました。最初に思ったように、Windows XP の問題ではありません。この問題は、Firefox がハードウェア アクセラレーションを使用していない場合に発生します。これをオフにすると ([オプション] -> [詳細設定] -> [一般] -> [使用可能な場合はハードウェア アクセラレーションを使用する] で)、Windows 7 でもギザギザに見えます。また、画像が正常に見える WinXP を搭載した別のコンピューターでもテストしました。「about:support」と入力して「WebGL Renderer」と「GPU Accelerated Windows」を探すと、Firefox がハードウェア アクセラレーションを使用しているかどうかを確認できます。

したがって、Firefox のソフトウェア レンダラーは、今のところこれ以上のことはできないと思います。

私が今行っているのは、WebGL が有効になっているかどうかを検出することであり、したがってハードウェア アクセラレーションが利用可能です。これは私が使用するコードです (これは Modernizr の古いバージョンのものです):

try {
    var canvas = document.createElement('canvas'),ret;
    ret = !!(window.WebGLRenderingContext && (canvas.getContext('experimental-webgl') || canvas.getContext('webgl')));
        canvas = undefined;
} catch (e){
    ret = false;
}
return ret;

テストに合格したら、CSS-3D-Transforms を提供します。それ以外の場合、ユーザーにはフラッシュ フォールバックが表示されます。

于 2012-11-02T20:18:46.397 に答える
0

Windows 7 の Firefox で同じ問題が発生しています。あなたが言うように、エッジは修正できますが、コンテンツ (画像は使用していませんが、絶対に配置された HTML 要素) はひどく見えますが、Chrome と Safari では問題ありません。 .

于 2012-10-26T07:40:53.383 に答える