Home

Awesome

vue-x6-flow

基于antv-x6 vue版本 vue2.x+antdesign+antv-x6流程图编辑器

项目效果图

image image image image

支持功能

画布功能:放大、缩小、撤销、取消撤销、全屏、导出svg

节点功能:快捷键操作、标题修改、字号修改、颜色修改

连线功能:支持实虚线形、双向/正向/逆向箭头、文本填充

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

antv-x6官方文档地址

https://x6.antv.vision/en/docs/api/graph/graph

For a detailed explanation on how things work, check out the guide and docs for vue-loader.