一款优秀的Vue流程图绘制工具：VFD

一款优秀的Vue流程图绘制工具：VFD

VFD 一款基于VUE的在线绘制流程图工具 项目地址: https://gitcode.com/gh_mirrors/vf/VFD

VFD（Vue Flow Design）是一款基于Vue.js的开源在线流程图绘制工具，主要使用Vue.js、JavaScript、CSS和HTML进行开发。

项目基础介绍

VFD 是一款为了方便在Vue项目中使用的流程设计器。它基于Vue.js框架，结合了Ant Design Vue的界面设计和JSPlumb的连线功能，使得流程图的绘制变得简单直观。该组件的前身是一个原生版本的流程设计器，而Vue版本则是以全新的技术栈进行了重构，并实现了更加方便的操作方式。项目遵循LGPL-3.0开源协议，可以在GitHub上找到相关源码。

核心功能

• 拖拽节点与连线：用户可以轻松拖拽节点到画布上，并通过拖拽的方式创建连线。
• 自动对齐：提供自动对齐功能，使得绘制的流程图更加整洁。
• 网格显示/隐藏：可以根据需要显示或隐藏网格线，帮助精确布局。
• 属性设置：用户可以设置节点和连线的属性，如颜色、大小等。
• 节点移动：支持单节点和多节点移动，按住CTRL键即可进行多节点选择和移动。
• 节点排序：可以通过按住Ctrl键逐个点击节点来设置节点的排序顺序。
• 清空画布：一键清空画布，方便重新绘制。
• 流程图保存与加载：保存流程图为JSON格式，便于后台存储，并通过快捷键载入其他流程图数据。
• 图片导出：可以将流程图保存为图片格式并下载到本地。
• 画布缩放与拖拽：支持画布的缩放和拖拽，以便更好地查看和编辑流程图。

最近更新的功能

• 优化了节点操作体验：改进了节点的拖拽、删除等操作，使其更加流畅。
• 新增节点属性设置：增加了更多节点属性的设置选项，如边框样式、背景颜色等。
• 性能提升：对项目进行了性能优化，提高了流程图绘制和加载的速度。
• 修复了已知问题：修复了用户反馈的若干问题，提高了项目的稳定性和可靠性。

VFD 一款基于VUE的在线绘制流程图工具 项目地址: https://gitcode.com/gh_mirrors/vf/VFD