IE10裁剪SVG而不是调整大小

时间:2013-04-09 15:09:55

标签: svg internet-explorer-10 inkscape

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

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

1 个答案:

答案 0 :(得分:20)

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

viewBox="0 0 64 64"

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

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