jsplumb中锚点不进入节点内部,只在节点边缘及节点外部
时间: 2024-03-07 12:49:43 浏览: 72
在 jsplumb 中,如果您要使用锚点,可以通过设置锚点参数来控制其位置。默认情况下,锚点会在节点的边缘处,但是如果您想要将锚点放在节点内部,您可以尝试使用 `anchorOffset` 参数,它可以指定锚点相对于节点中心的偏移量。例如,将 `anchorOffset` 设置为 `{left:0.5,top:0.5}` 将使锚点位于节点的中心。
以下是一个示例代码片段,演示如何在节点内部设置锚点:
```javascript
jsPlumb.addEndpoint('node1', {
anchor: [1, 0.5, 1, 0],
endpoint: "Dot",
paintStyle: {
fill: "#7AB02C",
radius: 7
},
connector: ["Flowchart", { stub: [40, 60], gap: 10, cornerRadius: 5, alwaysRespectStubs: true }],
connectorStyle: {
stroke: "#61B7CF",
strokeWidth: 2
},
connectorHoverStyle: {
stroke: "#216477"
},
hoverPaintStyle: {
fill: "#216477",
stroke: "#216477"
},
anchorOffset: {left:0.5,top:0.5}
});
```
在上面的代码中,我们将 `anchor` 设置为 `[1, 0.5, 1, 0]`,这表示将锚点放在节点的右侧中心位置。然后,我们将 `anchorOffset` 设置为 `{left:0.5,top:0.5}`,这将使锚点相对于节点中心偏移了一定的距离,从而将锚点放在节点内部。
希望这可以帮助到您!
阅读全文