Vue+Antv X6绘制流程图demo

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

网友评论