JsPlumb 连接不使用现有的 source/target 端点样式

Question

首先，canvas中有两个节点，应用了一些端点样式。如果我在它们之间拖动连接，则可以保留所有样式。没关系。但是当使用 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 }],
    });

Answer 1

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

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

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

JsPlumb 连接不使用现有的 source/target 端点样式

JsPlumb connect not using existing source/target endpoint style

javascript

html

jsplumb