永久免费商用!一款MIT协议开源的在线绘制流程图工具,可在项目快速集成

一、简介

Vue-Flow是一款MIT协议开源的专业在线绘制流程图工具,基于Vue + Ant Design Vue + JSPlumb实现,基于它可快速在项目中引入可视化流程编辑功能。 
工具支持节点拖拽、连线、对齐、缩放、画布操作等核心功能,并提供简洁直观的操作界面,帮助用户快速所需的可视化流程图功能。只需遵循MIT开源协议许可,你可以免费使用,甚至可以基于它进一步开发软件进行发布、销售。

二、功能界面

1、最新界面效果

image.png

2、基础面板

image.png

3、拖拽节点到绘图区连线

1.gif

4、拖拽对齐或使用自动对齐

2.gif

5、显示/隐藏网格

image.png

6、设置节点和连线的属性

3.gif

7、单节点、多节点移动(按住 CTRL 键)

4.gif

8、改变节点对齐的排序顺序(按住 Ctrl 键一个一个单击选中要对齐的节点,单击的顺序就是对齐的排列顺序)

5.gif

6.gif

9、保存流程图(会生成一段 json 数据,后台可以保存这段数据,为了便于调试,生成的 json 数据可以通过快捷键 CTRL+ALT+T 打开的测试窗口看到。同时也可以从该窗口载入其他的符合流程图的 json 数据)

7.gif

10、保存流程图为图片保存到本地

8.gif

1、通过设置页面(CTRL+ALT+S)可以设置相关参数

9.gif

三、项目地址

点击下方原文链接获取源码地址!!!

🚀原文链接https://gegeblog.top/article/35

posted @ 2025-11-10 16:16  半页の时光  阅读(1)  评论(0)    收藏  举报  来源