【问题标题】:SVG rendering issues in chrome for tiny elementschrome 中微小元素的 SVG 渲染问题
【发布时间】:2014-09-23 15:07:54
【问题描述】:

我正在使用 SVG 制作交互式地图,用于浏览器,但是,浏览器之间存在渲染差异,这使得小元素在 Chrome 中的显示效果非常糟糕。我附上了一些截图和一个示例链接来说明我的问题:

铬:

火狐/IE:

您也可以click here 观看现场样本。在这种情况下,有什么方法可以让 Chrome 像 Firefox 或 IE 一样渲染?

【问题讨论】:

    标签: html google-chrome svg


    【解决方案1】:

    shape-rendering="crispEdges" 添加到您的 svg 元素。与 Firefox/Safari 相比,Chrome 为绘图提供了不同的抗锯齿选择 - 因此非常小的功能可以消除锯齿。您可以使用 crispEdges 移除抗锯齿,然后它们(通常)看起来都一样 - 以像素化为代价。

    【讨论】:

      猜你喜欢
      • 2020-03-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-05-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多