# jsplumb-vue-workFlow

**Repository Path**: g_w_d/jsplumb-vue-workFlow

## Basic Information

- **Project Name**: jsplumb-vue-workFlow
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-08
- **Last Updated**: 2025-08-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jsplumb-vue-wordflow


### 效果图

![Image text](https://github.com/Code-RoadFly/jsplumb-vue-wordFlow/blob/main/src/assets/sample.jpg)

###  [Demo地址](https://code-roadfly.github.io/jsplumb-vue-workFlow/#/)


### 安装依赖
```
npm install
```

### 本地运行
```
npm run serve
```
### 现支持的功能：

- 节点的拖拽（1. 将左侧节点拖入画布，添加节点；2. 在画布拖拽移动节点）
- 在节点之间添加连线
- 画布支持缩放 （滚轮缩放，快捷键+，-缩放）
- 画布的整体平移
- 节点编辑 （双击节点，编辑节点名称）
- 节点，连线的删除 （节点右键删除，连线双击删除)
- 节点对齐辅助线
### 后续支持功能：

- 框选功能，按下Ctrl时，可以进行点选
- 添加泳道功能 （泳道可调节大小）

- ## 赞助和微信交流

**_如果该项目确实帮助到了您_**，为您节省了时间，请您不吝赞助，请作者喝一杯秋天的奶茶，暖一暖冰冷的心吧，哈哈哈，优化项目真的都是用爱发电^_^，不能打赏的朋友麻烦帮点个免费的赞

<img src="https://github.com/Code-RoadFly/jsplumb-vue-wordFlow/blob/main/src/assets/wx.jpg" alt="赞助二维码" width="260"/>

打赏的朋友欢迎**添加微信**，交流前端开发中遇到的技术、问题和困惑。

【**仅添加**打赏过的用户（工作太忙了，请理解），不定期删除屏蔽朋友圈的好友】

<img src="https://github.com/Code-RoadFly/jsplumb-vue-wordFlow/blob/main/src/assets/wxqrcode.jpg" alt="个人微信" width="260"/>