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