javascript - JSplumb 双键

Question

我想使用 librairy jsPlumb Javascript 与两个 div 建立双键。我可以建立联系，但不能建立双键。

你知道如何制作双键吗？

对于两个 DIV 之间的简单链接:

jsPlumb.ready(function() {
   jsPlumb.importDefaults({
       ConnectorZIndex:5
   });
   var jsP = jsPlumb.getInstance({
       PaintStyle:{ lineWidth:2, strokeStyle:"#000", outlineColor:"black", outlineWidth:1 },
       Connector: "Straight",
       Endpoint: "Blank"
   });
   var e0 = jsP.addEndpoint("firstLink", {
           anchor: ["Center"]
   });
   var e1 = jsP.addEndpoint("lastLink", {
           anchor: ["Center"]
   });
   jsP.connect({ source:e0, target:e1});

对于两个 DIV 中的双链接，我对此进行了测试，但它不起作用:

       var e0 = jsP.addEndpoint("firstLink", {
           anchor: ["Center"]
       });
      var e1 = jsP.addEndpoint("lastLink", {
           anchor: ["Center"]

       });
      var e2 = jsP.addEndpoint("firstLink", {
           anchor: ["Center"]
       });
      var e3 = jsP.addEndpoint("lastLink", {
           anchor: ["Left"]

       });
      jsP.connect({ source:e0, target:e1});
      jsP.connect({ source:e2, target:e3});

有人有解决方案吗？

Answer 1

“左”不是 jsPlumb 中的有效 anchor 位置。试试“LeftMiddle”、“TopLeft”或“BottomLeft”。 “LeftMiddle”可能就是您要找的那个。