我在 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 元素样式。
最佳答案
看起来 Chrome 会自动光栅化 SVG。
Chrome 确实有很多“隐藏”功能来加快渲染时间等,其中许多功能您可以调整,例如下面的内容。
类型chrome://flags在地址栏中输入并按 Enter 键。
启用 GPU 光栅化 GPU 光栅化 MSAA 样本计数 光栅线程数 LCD 文本抗锯齿 - 已启用
您还可以快速检查各种标志here
我找到了this页面特别有用:
关于javascript - 为什么在 Chrome 中使用 Panzoom 模糊 SVG 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37774864/