【发布时间】:2015-06-11 12:14:17
【问题描述】:
Chrome 渲染我的 SVG 不正确,所以我想为 Chrome 提供 PNG。 SVG 在其他现代浏览器中看起来很漂亮,尤其是 iOS 上的 Mobile Safari,用户可能会通过捏合来放大 - 所以其他人都得到了 SVG,但 Chrome 得到了 PNG。我该怎么做?
【问题讨论】:
-
这个link 应该是一个很好的起点
-
我很好奇你的 SVG 是什么,Chrome 无法正确渲染,但其他浏览器可以...
-
@wavemode 我调试了 SVG,现在它在 Chrome 上也能正常渲染。该问题是由 Chrome 渲染路径的方式不同引起的,其描边比 1px 更细。我不需要这些笔画,因此我将它们全部从 XML 中删除。这当然不会降低这个问题的有效性,因为知道如何使用 PHP 提供特定于浏览器的内容非常有用。如果您好奇,这是我更改的代码(用于所有填充)。以前是:style="fill:#cdc4b9;stroke:#cdc4b9;stroke-width:0.25907141;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" 现在缩短为:style="fill: #cdc4b9;"
标签: php google-chrome svg responsive-design user-agent