- 博客(2)
- 收藏
- 关注
原创 Vue 使用 JSPlumb 绘制推拽流程图
jsPlumb提供了一种可视化的连接web元素的方法,在浏览器种使用SVG,旧的版本(IE8↓)使用VML。
2023-05-16 17:31:57 985
JsPlumb设计的Web拓扑图编辑器
VUE+ElementUI+JsPlumb 的拓扑编辑器;
主要是依赖 jsplumb 实现的。
主要利用 jsplumb 实现两个节点的连接
依赖 sortablejs 实现的
主要利用vue-draggable 封装好的组件,来实现拖拽
2023-05-16
基于vue和jsplumb的工作流编辑器开发
实现一个工作流,支持拖拽节点生成工作流;
支持页面布局缩放
支持节点
支持if else
支持多分支
技术选型:vue
jsplumb
sortablejs(vue-draggable)
支持拖拽添加节点
鼠标移入到节点中显示 编辑、删除 操作
鼠标单击线可进行设置条件,双击可进行连线删除
支持预设的流程图案例切换展示
支持画布拖拽,控制画布网格背景
支持放大缩小
支持一键生成流程图图片
支持数据文件导入(目前只支持yaml文件和json文件)
支持显示节点内部详情
支持节点间回环连接,但不支持节点线连接自己
2023-05-16
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人