我想加载一个外部 SVG 文件,我尝试了 svg.import.js 插件的演示。
但加载此文件失败:http://upload.wikimedia.org/wikipedia/commons/5/57/Chess_Maurizio_Monge_Fantasy_wk.svg
我需要加载这样的文件,我不能修改它们。
这里有什么问题?
马格努斯
最佳答案
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 格式会更安全。
关于javascript - svgjs - 加载外部 svg 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26284029/