Question

我的SVG图像在所有浏览器上都能正常工作，除了IE（惊喜......）。

以下是我的测试页：http://plnkr.co/edit/qmv9G3DGRlqDdi9ww58O?p=preview

正如你所看到的，第一个svg显示OK（即使在IE中），但接下来的两个不是。它们缩小为容器（在这种情况下，表格 - > tr - > td）。

代码：

<dependencies>
  <dependency>
    <groupId>dumbster</groupId>
    <artifactId>dumbster</artifactId>
  </dependency>
  <dependency>
    <groupId>javax.mail</groupId>
    <artifactId>mail</artifactId>
  </dependency>
</dependencies>

有什么想法吗？

顺便说一句，我知道这个问题已经存在并已得到解答（SVG in img element proportions not respected in ie9），但解决方案根本无法解决 - 我的SVG文件中没有指定宽度和高度，虽然我确实有一个视图框。

Answer 1

不幸的是，当大小未指定时，IE似乎没有正确处理SVG的缩放。其他浏览器默认大小为300x150，否则无法确定预期大小。 IE没有。

因此，您必须为SVG指定宽度和高度。如果不在SVG本身，那么在引用它的<img>或<object>中。

SVG图像缩小到Internet Explorer中的容器

1 个答案: