jsplumb中连线垂直线
时间: 2024-06-13 13:09:09 浏览: 146
jsPlumb连线实例
可以使用jsPlumb.connect()方法来创建连接线,同时可以通过设置connector属性为"Straight"来创建直线连接线,从而实现垂直线的效果。具体实现方法如下所示:
```javascript
jsPlumb.connect({
source: "sourceId",
target: "targetId",
connector: "Straight",
paintStyle: { stroke: "#000", strokeWidth: 2 },
endpoint: "Blank",
anchors: ["Top", "Bottom"]
});
```
其中,source和target属性分别指定连接线的起点和终点,connector属性设置为"Straight"表示创建直线连接线,paintStyle属性用于设置连接线的样式,endpoint属性设置为"Blank"表示不显示连接线的端点,anchors属性用于设置连接线的起点和终点的位置,这里设置为"Top"和"Bottom"表示连接线的起点在元素的顶部,终点在元素的底部。
阅读全文