調整大小時，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>

親切的問候！