jsplumb - 从div的所有方向拖放连接

Question

我正在使用jsplumb制作流程图编辑器。在jsplumb的流程图连接器演示中，我们可以从div的一侧进行拖放连接，我希望div接受并从四个方面进行连接。

感谢。

Answer 1

使用 endpointoption

并设置 isSource：true，isTarget：true

使每个端点都扮演角色

Answer 2

如果您希望端点移动到div的任何一侧，那么您应该使用动态锚点：

  

这些锚点可以放置在多个位置中的一个位置，选择每次移动或在UI中绘制时最合适的位置。

     

创建DynamicAnchor没有特殊的语法;您只需提供一系列单独的静态锚规范

为避免您可以使用默认动态锚点

  

jsPlumb提供了一个名为“AutoDefault”的动态锚点，可从TopCenter，RightMiddle，BottomCenter和LeftMiddle中选择

例如，在添加时，可以像这样指定端点：

        var anEndpoint = {
            endpoint: "Rectangle",
            isSource: true,
            isTarget: true,

            anchor:"AutoDefault"
        };

要试用它，use this fiddler

Refer to jsPlumb docs for more info