svg - 在jquery中获取jsplumb中每个连接器的源和目标

Question

我正在使用 jsplumb 在 HTML 中创建一个流程图，以将连接器从一个 div 添加到另一个。每次我创建从 1 个 div 到另一个 div 的连接时，我的 jquery 代码都会为他的连接器创建一个 svg。

我想创建流程图的 xml，以便我可以保持图表的流程为此我需要找到给定 svg 连接器（jsplumb 连接器）的源和目标。

基本上我想将流程图以 xml 格式存储，并将源和目标放在完美的位置。

谁能帮我。

score 5 · Accepted Answer

您可以在创建连接时使用此方法获取源和目标

jsPlumb.bind("jsPlumbConnection", function (conn) {
     var source = conn.source;
     var target = conn.target;               
});

score 1 · Accepted Answer

要创建流程图的 xml，我想以下问题的答案会对您有所帮助。我们可以将 JsPlumb 流程图导出为 JSON 或 XML 吗？

好吧，我知道我必须在评论中给出这个链接，但我还不能发表评论，因为我没有足够的声誉。一切顺利：-）

score 0 · Accepted Answer

使用jsPlumb.getConnections()函数获取所有连接。每个连接都有 sourceId 和 targetId。提交前查询所有 jsplumb 连接

3 回答 3