我有一个用 base64 编码的特定 svg 文件,我试图用 img
标签显示它。
我的问题是;对于仅限此特定 svg,在 仅限 internet explorer
上调整大小时不会呈现图像你可以自己试试(我在windows7和ie11):CodePen
您对此有任何解释/解决方法吗?
最好的问候
最佳答案
如果您在调整尺寸时仔细观察,我们可以看到部分 SVG 实际显示出来了。 IE 似乎调整了 Canvas 的大小,但没有调整实际形状。
解码您的 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>
高度
和宽度
是固定的。像这样使用 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>
亲切的问候!
关于html - 调整大小时,ie11 上的 Base64 svg 不呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49648617/