前言 jsPlumb是一款开源软件，但jsPlumb toolkit是收费的。 本文主要使用jsPlumb实现一些简单的流程设计功能。 基础学习 首先引入jsplumb.min.js。 <script src="https://cdn.jsdelivr.net/npm ...

jsPlumb是一个比较强大的绘图组件，它提供了一种方法，主要用于连接网页上的元素。在现代浏览器中，它使用SVG或者Canvas技术，而对于IE8以下(含IE8)的古董浏览器，则使用VML技术。 项目主页：http://jsplumbtoolkit.com/ GitHub：https ...

第一次用vue搭建的项目，在同时有多个表格显示的情况下，还是建议不使用vue这种单页面框架，一旦table数据量大时，页面就会出现几秒的卡动。 回归正题 还是讲讲jsPlumb怎么绘制一个流程图 安装 jsPlumb npm install jsPlumb --save 安装成功后 ...

github地址:https://github.com/280780363/gucflow.designer demo地址:https://280780363.github.io/gucflow.designer/ 使用vue-cli3.0搭建.yarn管理包. 基于svg,原生写法 没有使 ...

本项目参考：https://github.com/wangduanduan/visual-ivr 主页面如下： ...

效果图 需要用到以下四个文件包 jQuery.js jquery-ui.min.css jquery-ui.min.js jquery.jsPlumb-1.6.2-min.js css样式代码 HTML页面代码 js行为 ...

先上效果图： 工具：jsPlumb.js ， UI库：ElementUI GitHub：https://github.com/coffee67/flow ...

前言 经过2个月的研究开发，最终完成了vue版本的流程设计器，主要支持以下功能 1、拖拽绘制流程图 2、支持并行、串行 3、支持流向线上备注信息 4、支持删除，自动对齐，全屏，放大，撤回等操作 5、支持节点、网关，流向线等配置 完全能满足常用的审批流程、进度把控等 效果图 ...