为什么使用 Panzoom 模糊 Chrome 中的 SVG 元素？答案

【问题标题】：Why blurry the SVG elements in Chrome using Panzoom?为什么使用 Panzoom 模糊 Chrome 中的 SVG 元素？
【发布时间】：2016-06-14 07:51:46
【问题描述】：

我在 SVG 元素上使用了 timmywil 的 panzoom (https://github.com/timmywil/jquery.panzoom)，比如 Google Geochart，大约一个月前我在放大时注意到了； SVG 会模糊。例如看演示：https://timmywil.github.io/jquery.panzoom/demo/ 在 Firefox、IE、Maxthon 中运行良好。我正在使用最新版本的浏览器。

有人知道出了什么问题或如何解决这个问题吗？

已解决！我输入了“-webkit-backface-visibility: initial !important;”关于 SVG 元素样式。

【问题讨论】：

【解决方案1】：

看起来 Chrome 正在自动对 SVG 进行光栅化。

Chrome 确实有许多“隐藏”功能来加快渲染时间等，您可以调整其中的许多功能，例如下面的。

在地址栏中输入chrome://flags，然后按回车。

启用 GPU 光栅化 GPU 光栅化 MSAA 样本计数光栅线程数 LCD 文本抗锯齿 - 已启用

您还可以快速查看各种标志here

我发现this 页面特别有用：

【讨论】：