我有一个内联 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 中它不显示图像。其他元素,如线条显示……好吧(它们的大小完全错误,但至少我可以看到它们)。有没有办法让图像发挥作用?也许有一个填充?
最佳答案
IE 和 Edge 尚未实现允许省略宽度和高度属性的 SVG 2 更改。 Firefox FWIW 也没有。
要修复此问题,请向图像添加具有有效值的显式高度和宽度属性。
关于internet-explorer - SVG 中的 IE11 和边缘图像支持,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42694316/