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格式更安全。