Firefox 在显示 SVG 时出现问题 (Firefox 55.0.3)

Question

Firefox 无法正确显示 SVG 书籍封面...

比较上面在 Firefox 中的 link 和 Chrome。以前在 Firefox 中显示的很好，但我认为最近的更新出了问题。

如果有人知道这个问题的解决方案那就太好了。

谢谢。

Answer 1

如果你检查你的浏览器检查器，你会看到一个错误：

There is an SVG reference chain which is too long in this document, which will prevent the document rendering correctly.

在你的 SVG 图片中有很多，看起来像：

<path clip-path="url(#SVGID_68_)" fill="#FFFFFF" d="..." />

要么创建精度较低的 SVG（细节较少），要么以其他方式创建。

由于它在 webkit 浏览器中呈现良好，也许您可以使用 wkhtmltoimage 将其在服务器端转换为 PNG 或 JPG。

Firefox issues when displaying SVG (Firefox 55.0.3)