爲什麼使用Panzoom在Chrome中模糊SVG元素？

我在SVG元素上使用了timmywil的panzoom（https://github.com/timmywil/jquery.panzoom），例如Google Geochart，大約一個月前我已經注意到當我放大時; SVG會模糊。例如，請參閱演示：https://timmywil.github.io/jquery.panzoom/demo/ 在Firefox，IE中，傲遊運行良好。我正在使用最新版本的瀏覽器。爲什麼使用Panzoom在Chrome中模糊SVG元素？

有人知道什麼是錯的或如何解決這個問題？

已解決！：我把「-webkit-backface-visibility：initial！important;」關於SVG元素的風格。

2016-06-12 Chris Kuti

它看起來像Chrome自動柵格化SVG。

Chrome確實有很多'隱藏'功能來加速渲染時間等，其中很多你可以調整，例如下面。

在地址欄中輸入chrome://flags，然後按回車。

啓用GPU光柵化 GPU光柵化MSAA樣本數光柵線程數 LCD文本抗鋸齒 - 啓用

您也可以快速檢查varous標誌here

我發現this頁面特別有用：

2016-06-12 14:16:41 Visualife

不幸的是，它不適合我，但是如果它能起作用，我應該如何避免Chrome會自動通過jQuery來柵格化SVG或以某種方式？你能給我另外一個建議嗎？ –

我使用「-webkit-backface-visibility：initial！important」解決了這個問題。在SVG元素上。 –

這太棒了，以爲我不知道爲什麼會阻止/強制Chrome尊重SVG矢量。好的發現我會檢查出來，並感謝分享 – Visualife

回答