javascript - 使用 xlink 加载 svg 图像(Chrome)

Question

谁能帮我弄清楚为什么第一张图片无法在 Chrome 中加载？在 Firefox 和 Safari 中测试，都没有问题。

我创建了 2 个 iframe，其中一个加载动态生成的 svg 图像，其中包含与协议(protocol)无关的 url:

img1.setAttributeNS('http://www.w3.org/1999/xlink', 'href', url);

第二个使用绝对网址。

img2.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'http:'+url);

为什么 Chrome 不想加载第一张图片？

此处演示:

http://jsfiddle.net/ioowilly/QbA2T/

Answer 1

根据 Chrome 中的工作情况更改代码

img1.setAttributeNS('http://www.w3.org/1999/xlink', 'href', 'http:'+url);