[解決済み] クロームでのSVGバンディング
質問
svgファイルを使って滑らかなグラデーションを作成しているのですが、Google Chrome(20)で深刻なバンディングの問題が発生することに気づきました。さらに不思議なことに、クロームを私のシネマディスプレイ上に移動させると、バンディングが著しく減少し、これがさらに奇妙なことになっています。以下は、ウェブサイトが私のMBPのネイティブスクリーン(左)とシネマディスプレイ(右)にまたがっているときに撮影した単一のスクリーングラブ(全くフォトショップなし)です。 ご覧の通り、左の方がバンディングが激しいです。さらに不思議なことに、サファリやFF、IE9ではバンディングがほぼゼロです。以下は、FFで同じ状況を表示したものです。
これはドライバーの問題などではないかという気がしています。でも、本当に知りたいんです。一体何が起こっているのか?なぜ、画面によってこんなに表示が違うのだろう?また、このようなバリエーションは、両方のモニターで1つの画面を取り込むと、どのように発生するのでしょうか?
また、FFウィンドウの位置によってレンダリングが変わることにも今気づきました。ウィンドウの半分以上がネイティブ ディスプレイにある場合、シネマ側にはバンディングが発生しますが、ネイティブ側には発生しません。ウィンドウの半分以上がシネマディスプレイ上にあるようにウィンドウを移動すると、バンディングショーはシネマ側で消え、ネイティブ側で表示されます。これはサファリでも同様ですが、クロームではこの動作はなく、バンディングは常にネイティブ側でより顕著になり、シネマ側ではあまり目立ちません。
これは本当に気味が悪いです。一体どうなっているのでしょうか?
解決方法は?
モニターを切り替えたときの現象がよくわかりません。
Firefoxでバンディングが軽減されるのは ディーターリング ピクセルが次の色にこぼれて、ランダムになります。帯状のグラデーションの上にぼかしを追加するようなものです。
このように拡大すると、もっとわかりやすいかもしれませんね。
左がFirefox、右がWebkitです。Firefoxはディザリンググラデーションをサポートしていますが、Webkitはサポートしていないようです。残念ですが、どうしようもありません。
関連
-
[解決済み] ChromeでCSSカスタムスタイルのボタンから青枠を削除する
-
[解決済み] Sublコマンドが動作しない - コマンドが見つかりません
-
[解決済み] Chromeの同一生成元ポリシーを無効にする
-
[解決済み] ウェブサイト制作のためのChromeキャッシュの無効化
-
[解決済み] Firefox または Chrome ブラウザから HTTP POST リクエストを手動で送信する方法
-
[解決済み] Chromeを使用してASP.NET Web APIがXMLの代わりにJSONを返すようにするにはどうすればよいですか?
-
[解決済み] Chromeデベロッパーツールで:hoverの状態を見る
-
[解決済み] svg要素の色を変更するには?
-
[解決済み] Chromeデベロッパーツールの位置を変更する方法
-
[解決済み】自己署名付きlocalhost証明書をChromeが受け入れるようにする方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】ターミナルエラー: zsh: 権限が拒否されました: ./startup.sh
-
[解決済み】ローカルでドッカーイメージが見つからない
-
[解決済み] MAMPはphp.iniをどこに保存しているのですか?
-
[解決済み] Virtualbox が errorID=BLKCACHE_IOERR を返す
-
[解決済み] mongod、mac os x - rlimits 警告 [閉鎖].
-
[解決済み] Bashのエイリアス:コマンドが見つかりません
-
[解決済み] rootでrsyncを実行中。操作は許可されていません
-
[解決済み] cmake 既存のソースから Xcode プロジェクトを生成する
-
[解決済み] ターミナルで現在のブランチとフォルダのパスを表示するにはどうすればよいですか?
-
[解決済み] Adobe Fonts (aka Typkekit aka Creative Cloud Fonts) は私のMac上のフォントをどこに保存しますか?