ProcessCraft 是一个基于 SVG 的流程图设计器,它允许用户通过直观的拖拽操作来创建和管理图形物料。用户可以手动拖拽图形进行位置调整,以满足精确的布局需求。
- 图形物料库:包含矩形、直线等基本图形物料,用户可以根据需要选择并拖拽到画布上。
- 图形关联:图形之间可以建立关联,形成清晰的流程指示。
- Undo/Redo:支持撤销(undo)和重做(redo)操作,方便用户进行编辑修改。
- 文本编辑:支持在线上和矩形上进行直接的文本输入和编辑。
-
克隆仓库到本地:
git clone [https://gitee.com/song_yuan_qiao/process-craft.git]
-
进入项目目录安装依赖:
cd ProcessCraft npm install -
启动项目:
npm run dev
-
打开浏览器并访问
http://localhost:5173(或者是其他启动后显示的地址)。
- 点击工具栏中的图形按钮,然后移至画布上点击或拖动以添加图形。
- 选取任一图形,拖动以改变其位置。
- 使用顶部的“撤销”和“重做”按钮来操作您的更改历史。
- 直接点击图形上的文本即可进行编辑。