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

问题描述：

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

答

正确的方法是使用UUID的阵列，而不是源和目标。我已经修改了连接方法代码：

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连接不使用现有的源/目标端点样式

相关推荐