svgjs - 加載外部SVG文件

Question

我想加載外部SVG文件，我試過在svg.import.js插件演示：http://svgjs.com/import/

但它未能加載該文件：http://upload.wikimedia.org/wikipedia/commons/5/57/Chess_Maurizio_Monge_Fantasy_wk.svg

我需要加載這樣的文件，我不能修改它們。

這裏有什麼問題？

馬格努斯

Answer 1

的svg.import.js插件是過時的SVG.js V2和最多，因爲這裏說：

https://github.com/svgdotjs/svg.import.js#warning

現在這是內置與draw.svg()方法。這是在文檔的例子：

https://svgdotjs.github.io/importing-exporting

但是，您將需要加載SVG數據，而不是URL。但是，您可以使用ajax加載外部文件，並將該文件的內容傳遞給SVG.js實例。例如：

var ajax = new XMLHttpRequest() 
ajax.open('GET', 'your/file.svg', true) 
ajax.send() 
ajax.onload = function(e) { 
    draw.svg(ajax.responseText) 
} 

注意：如果從Inkscape加載文件，則使用Plain SVG格式更爲安全。