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

【问题标题】：jsplumb - drag and drop connection from all side of a divjsplumb - 从 div 的所有侧面拖放连接
【发布时间】：2012-02-20 09:05:16
【问题描述】：

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

谢谢。

【问题讨论】：

标签： jsplumb

【解决方案1】：

使用端点选项

并设置 isSource:true, isTarget:true

让每个端点都扮演两个角色

【讨论】：

【解决方案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

【讨论】：