箭头重叠连接

Question

我使用JsPlumb连接各种div。我用于连接的选项如下，

var option = {
     anchors: ["RightMiddle", "Bottom"],
     connectorStyle: { strokeWidth: 0.5, stroke: "#243CA8"},
     connector: ["Flowchart", { stub: [35, 70], midpoint: 0, cornerRadius: 1 }],
     paintStyle: { stroke: "#243CA8", strokeWidth: 30},
     overlays: [["Arrow", { location: 1, width: 65, length: 32 }]]
};

但箭头在连接器上重叠，输出效果不佳。

我也尝试过设置叠加选项的位置：-1'，但仍然没有任何区别，也尝试为连接器设置'gap：10'，但它适用于箭头覆盖和连接器，问题仍然相同但是元素和连接器之间的空间。我找不到任何其他解决方案。有人可以建议一个解决方案。谢谢！

Answer 1

我正在尝试不同的选择，偶然遇到了无处提到的解决方案。

我刚刚将覆盖的'location：1'选项更改为'location：[0,1]'并且它有效。不知道这是可能的，它是无处提到的。这是为了帮助那些正在努力解决同样问题的人！