2013-04-09 40 views
10

我解决了这个问题,IE10只会调整图像的大小,如果使用css样式,现在IE10裁剪SVG而不是调整大小。没有其他浏览器有这个问题。IE10作物SVG而不是调整大小

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

回答

18

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

viewBox="0 0 64 64" 

而不是64,输入任何你右下角的X和Y应为原SVG的大小。不知道天气怪IE10或Inkscape ...

更新:您可以更新到inkscape 0.91和viewbox属性将自动添加。

+15

改变了我的想法。我怪IE。 – Archonic 2013-05-07 23:02:43

+1

非常感谢我搜索了几天.. – bAN 2015-01-09 11:06:11

+1

如果你知道在哪里搜索(非常感谢),很容易找到解决方案:http://wiki.inkscape.org/wiki/index.php/Tricks_and_tips#Scaling_images_to_fit_in_webpages.2FHTML (最快的解决方案:将InkScape更新到0.91,并且该属性将自动添加) – BurninLeo 2015-02-05 20:09:19