如何动态更改 jsPlumb 中的 targetOption 和 sourceOption 锚点？

Question

假设我们创建了两个节点，它们通过指定的 targetOption 和 sourceOption 锚点连接 - 对于具有锚点的 sourceOption：'BottomCenter' 和具有锚点的 targetOption：'TopCenter'。这将是 result.

但是，有没有一种方法可以使锚点相对于两个节点的最近可能位置进行更新？

targetOption 和 sourceOption 锚点对于它们之前声明的内容是固定的。如果我将它们并排拖动，连接器看起来不太好。看看here.

如果 sourceOption 变成 anchor: Right 和 targetOption 变成 anchor:Left 就好了，因为它们彼此并排。

Answer 1

jsPlumb 允许设置动态锚点。建立连接时，您可以向 anchor 属性 提供一组锚点。请参阅以下代码以了解您的用例：

anchor: ["Top", "Bottom", "Left", "Right"]

更多选项请参考official documentation。