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 - 创建一个简单的 10 秒倒计时

javascript - 获取按钮值javascript表达式语言

javascript - Jquery操作具有给定id模式的元素数量

javascript - 在成功函数之前从 jQuery AJAX 调用获取响应值

javascript - jQuery 新手,需要一些帮助

html - 简单的 HTML 标准问题,DOCTYPE 打乱了 CSS

javascript - JQuery:如何通过id选择窗口和其他一些div?

javascript - 检查 = "checked"与检查 = 真

javascript - Jquery 使用 <tr> 进行分页

javascript - 网页高度改变时监听事件?