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也没有。

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