なぜPanzoomを使ってChromeのSVG要素をぼかすのですか？

私はGoogle GeochartのようなSVG要素でtimmywilのpanzoom（https://github.com/timmywil/jquery.panzoom）を使用しています。約1ヶ月前に私はズームインしたときに気づきました。 SVGがぼやけてしまいます。たとえば、デモをご覧ください：https://timmywil.github.io/jquery.panzoom/demo/ Firefox、IEでは、Maxthonがうまく動作します。私は最新バージョンのブラウザを使用しています。なぜPanzoomを使ってChromeのSVG要素をぼかすのですか？

誰が何が間違っているか、これを解決する方法を知っていますか？

解決済み！：「-webkit-backface-visibility：initial！important;」と入力します。 SVG要素のスタイルで。

2016-06-12 Chris Kuti

Chromeは自動的にSVGをラスタライズするようです。

Chromeには、レンダリング時間を短縮するための多くの「隠された」機能があります。その多くは、たとえば以下のように調整できます。

アドレスバーにchrome://flagsと入力し、Enterキーを押します。

ラスタスレッド LCDテキストアンチエイリアスのGPUのラスタライズ GPUのラスタライズMSAAサンプル数番号有効にする - 私が役に立つ特定のthisページ見つけたあなたはまたすぐにvarousフラグにhere

を確認することができます

を有効にする：

を

2016-06-12 14:16:41 Visualife

悲しいことに、私にとってはうまくいかないが、もしうまくいけば、Chromeが自動的にSVGをjQueryでラスタライズするのを避けるべきだろうか？別のアドバイスをくれませんか？ –

私はこれを "-webkit-backface-visibility：initial！important;"を使って解決しました。 SVG要素に追加します。 –

それは素晴らしいですが、なぜ私はクロムがSVGベクトルを尊重するのを防ぐ/強制するのか迷っていると思っていました。 Good find私はそれをチェックし、共有のために感謝します – Visualife

答えて