在GoJS中,当设置连线样式为折线并且希望在相邻路径段之间相隔10像素时,如何自动实现连接线的自适应合并?
时间: 2024-11-25 20:15:29 浏览: 15
基础电子中的图文:主板跳线(排线)连接技巧HD AUDIO连线接法
在GoJS中,要实现连线的折线样式,并让相邻路径段之间有10像素的间隔,你可以使用`Port分隔器`(Link Port Spacing)属性和`连接模式`(Connection Model)。首先,在创建图模型时,你需要为每个连接点(Port)设置一个分隔器大小,比如10像素。然后,你可以选择一个连接模式,例如`" OrthogonalWithNone"`,它会在垂直或水平方向上寻找最近的连接点,而在其他方向上则会保持10像素的距离。
以下是一个简单的示例:
```go
// 创建模型并初始化图形元素
model = go.GraphModel()
node1 = model.addNode("Node1")
node2 = model.addNode("Node2")
// 设置节点的连接端口分隔器
port1 = node1.findObject("InputPort")
port1.Spacing = new go.Size(10, 0) // 10像素水平分隔
port2 = node2.findObject("OutputPort")
port2.Spacing = new go.Size(0, 10) // 10像素垂直分隔
// 设置连接线样式和模式
link = model.addLink(node1, "InputPort", node2, "OutputPort")
link.Style = go.LinkStyle.Stroke | go.LinkStyle.BezierCurve // 折线样式
link.ConnectionModel = go.LinkConnectionModel.OrthogonalWithNone // 自动合并连接线
```
阅读全文