JsPlumbは、既存のソース/ターゲットエンドポイントスタイルを使用しないで接続します。

Question

まず、キャンバスに2つのノードがあり、いくつかのエンドポイントスタイルが適用されています。それらの間に接続をドラッグすると、すべてのスタイルを保持できます。それで大丈夫です。 しかし、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

正しい方法は、UUIDの配列ではなく、ソースとターゲットを使用することです。 Jsplumb add connection programatically using endpoints

：

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

同様の質問があります：私は、connectメソッドのコードを変更しました