如何使用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应该在大约一周后发布.