IE10裁剪SVG而不是调整大小

Arc*_*nic 11 svg inkscape internet-explorer-10

我解决了IE10只有在用css设置样式时才会调整图像大小的问题,现在IE10正在裁剪SVG而不是调整它.没有其他浏览器有这个问题.

我尝试了所有不同的组合,只声明高度或宽度,同时将另一个尺寸设置为自动而不是设置或设置两者.我也尝试preserveAspectRatio="none"过img标签.

Arc*_*nic 20

事实证明,IE是唯一需要viewBox设置以便扩展svg的浏览器.我使用了一个名为inkscape的免费程序来创建我的svg并且它没有设置视图框.使用文本编辑器打开svg并将其添加到<svg...声明中:

viewBox="0 0 64 64"
Run Code Online (Sandbox Code Playgroud)

而不是64,输入你的右下角的x和y应该是原始svg的大小.不确定天气要归咎于IE10还是inkscape ......

更新:您可以更新到inkscape 0.91,并自动添加viewbox属性.