SVG 中的 IE11 和 Edge 图像支持
IE11 and Edge image support in SVGs
我有一个像这样的内联 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？
IE 和 Edge 尚未实施允许省略宽度和高度属性的 SVG 2 更改。 Firefox FWIW 也没有。
要修复，请向图像添加具有有效值的显式高度和宽度属性。
我有一个像这样的内联 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？
IE 和 Edge 尚未实施允许省略宽度和高度属性的 SVG 2 更改。 Firefox FWIW 也没有。
要修复，请向图像添加具有有效值的显式高度和宽度属性。