Question

我正在尝试自定义jsPlumb以绘制图形，所有箭头都向下，从容器底部的连接源和连接目标到页面下方某个容器的顶部。我用：

instance.connect({ source:"sourceDiv", target:"targetDiv" , anchors:["Bottom", "Top"] });

除了一个小问题外，

工作得很好......

所有箭头都来自底部的中间，并终止于顶部的中间。

当有许多箭头往/来自同一个容器时，我宁愿沿着顶侧和底侧的均匀展开。

从文档中，我尝试了以下内容：

instance.makeSource("sourceDiv", { anchor: "Continuous" });
instance.makeTarget("targetDiv", { anchor: "Continuous" });

或（使用jQuery）：

instance.makeSource($("#sourceDiv"), { anchor: "Continuous" });
instance.makeTarget($("#targetDiv"), { anchor: "Continuous" });

但显然不是正确的语法...得到错误，如：

jsPlumb: fire failed for event connection : TypeError: info.connection.getOverlay(...) is null

需要帮助来解决这个问题。

Answer 1

锚点与端点关联。连接元素时，会自动创建端点，但会创建元素源和端点。目标，除非创建连接，否则不会创建端点＆amp;因此，代码失败了。

https://jsplumbtoolkit.com/doc/anchors.html

而不是制作元素source＆amp; target，addEndpoint对该元素的说明如下：

jsPlumb.addEndpoint("someDiv", {
    endpoint:"Dot",
    isSource:true,
    isTarget:false,
    anchor:[ "Perimeter", { shape:"Square", anchorCount:150 }]
});

jsPlumb锚定位置

1 个答案: