jsplumb - 如何从jsplumb中的源端点建立多个连接

Question

我正在尝试使用 jsplumb 库制作流程图。我需要从单个 div 建立多个连接。 Ex- Div 1 应该连接到 Div 2 和 Div 3。我希望源端点相同，即底部中心。请让我知道应该怎么做才能完成这项工作
谢谢!

Answer 1

对于目标端点，将其设置为全局以建立无限制的连接:

  var targetEndpoint = {
endpoint: "Dot",
paintStyle: { fillStyle: "blue", radius: 7 },
hoverPaintStyle: endpointHoverStyle,
maxConnections: -1,
dropOptions: { hoverClass: "hover", activeClass: "active" },
isTarget: true,
overlays: [["Label", { location: [0.5, -0.5], label: "", cssClass: "endpointTargetLabel" }]]
}; 

对于源端点将其设置为全局以建立无限连接:

var sourceEndpoint = {
endpoint: "Dot",
paintStyle: {
    strokeStyle: "green", fillStyle: "green", radius: 3, lineWidth: 1
},
isSource: true,
maxConnections: -1,
connector: ["Flowchart", { stub: [40, 60], gap: 10, cornerRadius: 5, alwaysRespectStubs: true }],
connectorStyle: connectorPaintStyle, hoverPaintStyle: endpointHoverStyle, connectorHoverStyle: connectorHoverStyle,
dragOptions: {},
overlays: [["Label", { location: [0.5, 1.5], label: "", cssClass: "endpointSourceLabel", }]]
};