显示 SVG 时的 Firefox 问题 (Firefox 55.0.3)

【问题标题】：Firefox issues when displaying SVG (Firefox 55.0.3)显示 SVG 时的 Firefox 问题 (Firefox 55.0.3)
【发布时间】：2018-02-26 17:03:53
【问题描述】：

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

在 Firefox 和 Chrome 中比较上面的链接。它曾经在 Firefox 中显示得很好，但我认为最近的更新出了点问题。

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

谢谢。

【问题讨论】：

【解决方案1】：

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

这里有一个 SVG 参考链太长了文档，这将阻止文档正确呈现。

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

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

要么创建不太准确的 SVG（更少细节），要么以其他方式创建。

由于它在 webkit 浏览器中渲染得很好，也许你可以使用wkhtmltoimage 将它在服务器端转换为 PNG 或 JPG。

【讨论】：