2017-07-09 75 views
0

我使用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 }]] 
}; 

但是箭头重叠在连接器上,输出看起来不太好。

enter image description here

我也试着设置叠加选项“的位置:-1”,但仍然没有任何区别,也尝试设置“差距:10”的连接器,但它同时适用于箭头覆盖和连接器由问题仍然是一样的,但元素和连接器之间有空间。我找不到其他解决方案。任何人都可以请建议解决方案。谢谢!

回答

0

我正在尝试不同的选项,并意外地遇到了无处不在的解决方案。

刚刚改变'位置:1'选项覆盖'位置:[0,1]'它的工作。不知道这是可能的,并没有提到它。这是为了帮助那些在同一个问题上挣扎的人!