【发布时间】:2014-09-23 15:07:54
【问题描述】:
我正在使用 SVG 制作交互式地图,用于浏览器,但是,浏览器之间存在渲染差异,这使得小元素在 Chrome 中的显示效果非常糟糕。我附上了一些截图和一个示例链接来说明我的问题:
铬:
火狐/IE:
您也可以click here 观看现场样本。在这种情况下,有什么方法可以让 Chrome 像 Firefox 或 IE 一样渲染?
【问题讨论】:
标签: html google-chrome svg
我正在使用 SVG 制作交互式地图,用于浏览器,但是,浏览器之间存在渲染差异,这使得小元素在 Chrome 中的显示效果非常糟糕。我附上了一些截图和一个示例链接来说明我的问题:
铬:
火狐/IE:
您也可以click here 观看现场样本。在这种情况下,有什么方法可以让 Chrome 像 Firefox 或 IE 一样渲染?
【问题讨论】:
标签: html google-chrome svg
将 shape-rendering="crispEdges" 添加到您的 svg 元素。与 Firefox/Safari 相比,Chrome 为绘图提供了不同的抗锯齿选择 - 因此非常小的功能可以消除锯齿。您可以使用 crispEdges 移除抗锯齿,然后它们(通常)看起来都一样 - 以像素化为代价。
【讨论】: