Firefox中的SVG <img/>渲染已关闭

Question

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

示例：

左边是引用png的s​​vg <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等）中列出的所有选项。

Answer 1

这是由bug引起的，已在firefox 67中解决。

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