为什么使用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

回答