如何使用jsPlumb在两个对象之间绘制两条不同的线

Question

我有两个div，Div1和Div2，我想绘制两条线，如Div1到Div2，Div2到Div1。我正在使用jsPlumb for jquery来绘制连接器。它只绘制一条带箭头的线，表示它是双向的。要求是显示两条不同的线。在jsPlumb中有没有办法做到这一点？

Answer 1

听起来你正在为两个连接使用相同的锚点，所以这两个连接被绘制在彼此之上。

直到jsPlumb 1.3.3解决这个问题的方法是明确设置不同的锚点，如下所示：

jsPlumb.connect( { source:"div1", target:"div2", anchors:["BottomLeft", "TopLeft"] });
jsPlumb.connect( { source:"div2", target:"div1", anchors:["BottomRight", "TopRight"] });

（如果您使用 jsPlumb.addEndpoint ，则适用相同的原则。）

在版本1.3.4中，我将发布“连续”锚点，这些锚点是确保它们在每个元素上获得自己位置的锚点，并且专门针对您遇到的问题而设计，因为设置一切就像那个例子上面很快就会很无聊。

1.3.4应该在一周后发布。