调整大小时，ie11上的Base64 svg无法渲染

Question

我有一个以 base64 编码的特定 svg 文件，我试图用img标签显示。

我的问题是;仅此特定svg 仅在仅限Internet Explorer 上调整大小时才会呈现图像

您可以自己尝试（我在windows7上使用ie11）：CodePen

您对此有任何解释/解决方法吗？

祝你好运

Answer 1

如果你在玩这个尺寸时看起来很近，我们可以看到SVG的部分实际显示。 IE似乎调整了画布大小但不是实际形状。

解码您的SVG文件，这是我们得到的：

<svg height="361.5" width="361.5" xmlns="http://www.w3.org/2000/svg"><path d="m-110.25-20.25h582v402h-582z" fill="none"/>...</svg>

height和width已修复。使用这样的viewBox属性更改这些属性允许IE调整形状大小：

<svg viewBox="0 0 361.5 361.5" xmlns="http://www.w3.org/2000/svg"><path d="m-110.25-20.25h582v402h-582z" fill="none"/>...</svg>

亲切的问候！