我正在尝试导入多个 svg 文件并在修改后将 json 保存到数据库。我试过用
canvas.item(0).sourcePath = '/URL/FILE.svg';
JSON.stringify(canvas.toDatalessJSON());
但这不适用于多个文件,它仅适用于第一个文件。我正在尝试指定每个文件的 url,但无法理解如何做到这一点。请问有什么解决办法吗?
提前致谢
我正在尝试导入多个 svg 文件并在修改后将 json 保存到数据库。我试过用
canvas.item(0).sourcePath = '/URL/FILE.svg';
JSON.stringify(canvas.toDatalessJSON());
但这不适用于多个文件,它仅适用于第一个文件。我正在尝试指定每个文件的 url,但无法理解如何做到这一点。请问有什么解决办法吗?
提前致谢
canvas.item(0) - 获取第一个对象。canvas.item(1) - 获取第二个对象,依此类推....
如果您不知道对象的总量,可以使用 canvas.forEachObject 选项。
canvas.forEachObject(function(obj){
obj.sourcePath = '/URL/FILE.svg';
console.log(obj.sourcePath)
});
JSON.stringify(canvas.toDatalessJSON());
当你像这样加载 svg 时,你也可以设置 obj.sourcePath 。
fabric.loadSVGFromString(svg, function(objects, options) {
var obj = fabric.util.groupSVGElements(objects, options);
obj.sourcePath = '/URL/FILE.svg';
canvas.add(obj);
canvas.renderAll();
});
希望有帮助!