SVG 不呈现 IE 11

Question

我这里有 html 代码。svg 无法使用 IE 11 呈现。找不到原因。

我在另一个地方添加了：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

我怀疑图像在这里但不可见。或者它可能data=是未正确解释的大。如何检查？

Answer 1

我有一个类似的问题，在我的情况下，这是因为 IE 需要viewBox在 SVG 中指定属性才能正常工作，而我的 SVG 中缺少它。

我变了：

<svg xmlns="http://www.w3.org/2000/svg" width="767" height="1024">

到：

<svg xmlns="http://www.w3.org/2000/svg" width="767" height="1024" viewBox="0 0 767 1024">

viewBox 属性指定<x-origin> <y-origin> <width> <height>.

这篇文章帮助我理解了这样做的原因：How to scale SVG [css-tricks.com]。