SVG 中的 IE11 和边缘图像支持

Question

我有一个内联 SVG，如下所示：

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <image xlink:href="img.jpg"></image>
</svg>

它在 Chrome 甚至 Safari 中工作正常，但在 IE11 和 Edge 中它不显示图像。其他元素，如线条显示……好吧（它们的大小完全错误，但至少我可以看到它们）。有没有办法让图像发挥作用？也许有一个polyfill？

Answer 1

IE 和 Edge 尚未实现允许省略宽度和高度属性的 SVG 2 更改。Firefox FWIW 也没有。

要修复此问题，请向图像添加具有有效值的显式高度和宽度属性。