IE9导入内联SVG <img/>元素已损坏

时间:2013-01-29 22:50:10

标签: javascript svg internet-explorer-9

我正在使用this method将SVG文档导入到页面中,并且效果非常好,但在IE9中,导入后<image>个标记都不起作用(它们显示为损坏的图像) ,即使他们的xlink:href属性是正确的)。为什么会发生这种情况,是否有任何解决办法?这是一个简单的test page。它适用于Chrome,FF等,但不适用于IE9。

2 个答案:

答案 0 :(得分:5)

显然,如果我放弃xlink:并使用href,如果解决了IE9中的问题,但在Chrome中打破了它等等。很奇怪!如果有人知道为什么,我很乐意接受你的回答。请参阅test 2

添加 href <{strong> xlink:href 可以解决所有问题。

答案 1 :(得分:2)

this answer中提供的importNode的js实现未正确设置命名空间属性,应使用setAttributeNS正确设置xlink:href。这个other implementation of importNode似乎处理了这个问题,你尝试过使用那个吗?