SVG <image> 在 Firefox 中的渲染已关闭答案

【问题标题】：SVG <image> rendering in firefox is offSVG <image> 在 Firefox 中的渲染已关闭
【发布时间】：2019-08-11 15:24:12
【问题描述】：

Firefox 对<image> 元素的渲染是像素化的。具有相同宽度/高度的相同图像很好地显示为<img>。它也可以在 Chrome 中作为 svg <image> 正常工作。

例子：

左侧部分是引用 png 的 svg <image>，右侧是引用同一图像的普通 <img>。

工作示例：

<svg height="53" width="60"
  xmlns="http://www.w3.org/2000/svg">       
  <image  href="https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png"  width="60" height="53" x="0" y="0" />
</svg>

<img src="https://mdn.mozillademos.org/files/6457/mdn_logo_only_color.png" width="60px" height="53px"/>

如何正确渲染 svg 图像？我已经尝试了这里列出的所有选项https://developer.mozilla.org/en-US/docs/Web/SVG/Element/image（image-rendering、shape-rendering、preserveAspectRatio 等）。

【问题讨论】：

看起来与此类似：bugzilla.mozilla.org/show_bug.cgi?id=1210100

标签： firefox svg png

【解决方案1】：

这是由一个错误引起的，在 Firefox 67 中已解决。

https://bugzilla.mozilla.org/show_bug.cgi?id=1534188

【讨论】：