jsplumb - jsplumb - 从 div 的所有侧面拖放连接

Question

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

谢谢。

Answer 1

使用端点选项

并设置 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"
        };

要尝试它，请使用这个提琴手

有关更多信息，请参阅 jsPlumb 文档