html - 调整大小时,ie11 上的 Base64 svg 不呈现

标签 html svg base64 internet-explorer-11

我有一个用 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/

相关文章:

c# - 通过XPATH选择<a href> HTML标记的文本部分

react-native - React Native 加速将图像 uri 转换为 base64

java - 使用java太长常量将base64图像返回png

javascript - 如何在 javascript 中将元素定位在文本框插入符号下方?

html - 为什么我在尝试进行 PayPal 订阅时收到 "invalid link"错误?

javascript - 使用 getAttribute 从 javascript 中的 [object SVGCircleElement] 检索值

javascript - JavaScript 中的 SVG 图表生成

javascript - 由 javascript 更改时 SVG 过渡到点

angularjs - 在ionic中获取文件的base64字符串

javascript - 输入文件: How to display the name of a file even after refresh?