Question

我正在使用svg创建可视化，它在IE9中渲染得很好。我正致力于用户可以将可视化嵌入其页面的功能。我是通过iframe这样做的。我正面临着一个问题，即在IE9内部iframe时SVG无法呈现。

这是一个简短的示例，适用于大多数浏览器，但在IE9中显示为空白。

    <html><body>
    <iframe width="640" height="480"       src="http://www.croczilla.com/bits_and_pieces/svg/samples/butterfly/butterfly.svg"/>
    </body></html>

任何想法？感谢。

Answer 1

IE9需要

 <!DOCTYPE html>

在开始时声明以标准模式呈现文档，否则它将回退到怪癖模式。

现在可以把它放在我给出的上面例子的顶部，使其成为：

 <!DOCTYPE html>
 <html><body>
<iframe width="640" height="480"       src="http://www.croczilla.com/bits_and_pieces/svg/samples/butterfly/butterfly.svg"/>
</body></html>

但是，因为用户将iframe嵌入他们的网页＆amp;显然，人们不能依赖他们的页面总是定义了doctype。所以更好的解决方案是在iframe中添加“”。此外，我想指出多个文档类型不会影响页面呈现，因为iframe中定义的doctype仅适用于iframe。

我希望IE9能像其他浏览器一样在页面中检测到这些功能，并在将来正确呈现。

在IE9中，SVG不会在iframe内部渲染

1 个答案: