保存画在纸上的jointjs图，可以渲染到纸上编辑

Question

在纸上处理 jointjs 图。我可以使用以下代码下载纸上绘制的图表：

var svgDoc = paper.svg;
var serializer = new XMLSerializer();
var svgString = serializer.serializeToString(svgDoc);

现在我想把这个 svg 保存在服务器上，它可以再次渲染到纸上，这样我就可以编辑它并再次保存。

在jointjs中可以吗？

Answer 1

没有。在 JointJS 中无法导入 SVG。你应该这样做的方法是将图表导出到 JSON 然后再导入回来：

var json = JSON.stringify(graph);
// send the json to the server, store to DB or whatever....

// ... later on...

// load back the json to the diagram:
graph.fromJSON(JSON.parse(json))

见http://jointjs.com/api#joint.dia.Graph:toJSON

保存画在纸上的jointjs图，可以渲染到纸上编辑

Save jointjs diagram drawn on paper, which can be rendered to paper to edit

svg

jointjs