在Vue项目中使用AntV X6组件库绘制流程图,需要实现以下需求:
需求1:左侧菜单中的模块可以拖拽进入画布中生成对应的流程图模块
需求2:流程图中的节点之间可以进行连线交互
需求3:点击对应的节点后可以进行操作节点(删除、查看节点的相关信息参数)
需求4:鼠标悬浮在连线上时可以删除当前连线
隐含需求:节点样式需要满足`UI`设计,所以需要自定义节点样式
一个满足以上需求的Vue+Antv X6的项目
具体效果如下:
https://img-blog.csdnimg.cn/a24d2e30b5a0481297f83c5a75b78b4f.png#pic_center
1