JSplumb 双键

Question

我想使用库 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 中的有效锚点位置。尝试“LeftMiddle”、“TopLeft”或“BottomLeft”。 “LeftMiddle”可能就是您要找的那个。