javascript - 为什么在 Chrome 中使用 Panzoom 模糊 SVG 元素?

标签 javascript jquery html css svg

我在 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/

相关文章:

javascript - Chrome : window. 内容.文档?

jquery - 动态添加类到Bootstrap的 'popover'容器

javascript - 如何在子div中插入数据?

javascript - 如何从数组中删除对象并保存以供以后使用?

javascript - 将输入的默认值更改为隐藏输入的值

javascript - 设置隐藏输入的值

html - Angular/Rails 应用加载空白 CSS 样式表

html - 将相机中的图像捕获到表单或 html5 Canvas 中

javascript - 遍历 DOM 查找哪个元素获得焦点

javascript - 我怎样才能让 jquery datepicker 不工作克隆行