JsPlumb 连接不使用现有的源/目标端点样式答案

【问题标题】：JsPlumb connect not using existing source/target endpoint styleJsPlumb 连接不使用现有的源/目标端点样式
【发布时间】：2016-12-25 02:36:52
【问题描述】：

首先，画布中有两个节点，并应用了一些端点样式。如果我拖动它们之间的连接，则可以保留所有样式。没关系。但是当使用 jsPlumb 连接方法时，它会导入默认的端点样式而不是给定的样式。我怎样才能避免这种情况？

1) 用户拖动事件从源到目标生成的新连接。

2) 使用 jsplumb.connect()，而该方法使用默认端点样式。

这里有一些 javascript 代码：

    var connectorPaintStyle = {
        strokeWidth: 2,
        stroke: "#61B7CF",
        joinstyle: "round",
        outlineStroke: "white",
        outlineWidth: 2
    };

    var conn = jsptoolkit.jspinstance.connect({
        source: line.sdata.sourceId,
        target: line.sdata.targetId,
        anchors: line.sdata.anchors,
        paintStyle: connectorPaintStyle,
        connector: ["Flowchart", { stub: [2, 2], gap: 1, cornerRadius: 5, alwaysRespectStubs: true }],
    });

【问题讨论】：

标签： javascript html jsplumb

【解决方案1】：

正确的方法是使用 uuids 数组而不是源和目标。我修改了connect方法代码：

var conn = jsptoolkit.jspinstance.connect({
        uuids: [line.sdata.sourceId + "RightMiddle", line.sdata.targetId + "LeftMiddle"],
        anchors: line.sdata.anchors,
    });

有一个类似的问题： Jsplumb add connection programatically using endpoints

【讨论】：