javascript - svgjs - 加载外部 svg 文件

Question

我想加载一个外部 SVG 文件，我尝试了 svg.import.js 插件的演示。

但加载此文件失败: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 格式会更安全。