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

发布于 2024-12-20 09:43:32 字数 144 浏览 3 评论 0原文

我有两个div,Div1和Div2,我想画两条线,例如Div1到Div2和Div2到Div1。我正在使用 jsPlumb for jquery 来绘制连接器。它只绘制一条带有箭头的线,表明它是双向的。要求是显示两条不同的线。在 jsPlumb 中有什么方法可以做到这一点吗?

I have a two divs, Div1 and Div2, I want to draw two lines like Div1 to Div2 and Div2 to Div1. I am using jsPlumb for jquery to draw the connector. It draws only one line with arrow indicating it is bidirectional. The requirement is to show two different lines. Is there any way to do that in jsPlumb?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

匿名的好友 2024-12-27 09:43:32

听起来您对两个连接使用相同的锚点,因此两个连接被绘制在彼此之上。

在 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 应该会在一周后发布。

it sounds like you're using the same Anchor point for both connections, so the two connections are being painted on top of each other.

up to jsPlumb 1.3.3 the way to get around this is to explicitly set different anchor points, something like this:

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

(If you're using jsPlumb.addEndpoint the same principle applies).

In version 1.3.4 I will be releasing "Continuous" anchors, which are anchors that ensure they get their own location on each element, and were designed specifically for the issue you're having, because setting everything up like that example above gets boring quickly.

1.3.4 should be released in about a week from now.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文