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"
        };

要尝试它，使用这个fiddler

有关详细信息，请参阅 jsPlumb 文档