Ant Design Pro流程图编辑器
Ant Design Pro是蚂蚁开源的一款开箱即用的中台前端/设计办理方案。在其预览网站里图形编辑器下有流程图、脑图、拓扑编辑器，大厂出品，界面相称都雅，功能实用但不足强大，可以选择集成到自己的项目中作为一个在线绘图工具。集成时，这个工具可扩展性很多：扩展画布左侧节点类型（节点为图片）；扩展流程图保存，版本掌握，版本比对；动态调度画布中节点大小等。
wookteam项目地址：https://gitee.com/aipaw/wookteam
WorkTeam在线流程图
WookTeam在线思维导图
WookTeam在线任务甘特图
WookTeam是一款PHP措辞编写的轻量级的全部开源的在线团队协尴尬刁难象，供应在线思维导图、在线流程图、在线任务甘特图，此外还有各种文档工具、项目管理、任务分发，知识库管理等工具。前端框架采取的是Vue 2.0 + Iview UI。这款工具界面都雅，功能丰富，唯一一点便是对PHPer友好，Java开拓者集成转换时须要一定的事情量。
mxGraph项目地址：https://segmentfault.com/a/1190000018510996
mxGraph包含一个用JavaScript编写的客户端软件，以及一系列用于各种措辞的后端（可以是Java，PHP，.NET）。客户端软件是一个图形组件，带有一个可选的运用程序包装程序，该程序包装程序已集成到现有的Web界面中。客户端须要Web做事器将所需的文件通报到客户端，或者可以在没有Web做事器的情形下从本地文件系统运行。这个工具引入方便，界面功能强大，组件也相对丰富，和下面提到的JSPlumb各有千秋，可以导出为xml文件，也可以保存为图片。缺陷是文档不足友好，没有中文文档，英文根本差的同学上手难度大，相对 jsPlumb 不能利用 css 自定义节点样式，完备通过 js 完成，比较麻烦。
Visor.js项目地址：https://gitee.com/zhouyig/Visor.js
Visor.js示意图
Visor.js 是基于JQUERYY的，在Canvas上制作在线绘图运用的核心根本文件，它支持鼠标的拖拽移动、伸缩、旋转和各种事宜。这个轮子，功能强大，控件丰富，可扩展性强，支持单独页面预览，开拓文档充分，有一定的社区支持；缺陷也是明显的，个人开拓提交代码不持续，最近一次提交是两年前了，还有便是页面不足都雅大气，没有与时俱进。还是不错的工具，熟习JQUERYY的小伙伴可以快速上手，感兴趣的可以重写一下页面，使之更加都雅，寻衅也是不小：）。
VFD(VUE FLOW DESIGN)项目地址：https://gitee.com/yjblogs/VFD
VFD基于Vue + Ant Design Vue + JSPlumb，作为一款流程设计器组件，可作为流程图、泳道图等绘图工具，面板组件布局合理，功能强大，操作方便快捷（可拖拽且快捷键丰富），保存后为一段json数据，便于保存及掌握版本，也可保存为图片，安装利用方便，集成难度较小，有互换群。缺陷是演示网站挂掉了，只可以通过图片一览真容。
easy-flow项目地址：https://gitee.com/xiaoka2017/easy-flow
easy-flow示例图
easy-flow示例图
easy-flow是一款基于 VUE+ElementUI+JsPlumb 的流程设计器，通过 vuedraggable 插件来实现节点拖拽。支持拖拽编辑，连线自定义，加载给天命据，支持力导图...与上面先容的VFD近乎同样的技能栈，页面样式更加都雅，同时，集成难度较小，虽然功能较少，但可扩展性性强，持续更新也是一大亮点，有互换群，社区也较生动。
Le5le-topology项目地址：https://www.oschina.net/p/topology?hmsr=aladdin1e1
Le5le-topology 是一个开源易扩展方便集成的可视化在线绘图工具，利用 Canvas + Typescript实现。采取引擎 + 图形库中间件的思路能够方便、快速地扩展、集成到前端项目。可用于微做事架构图、流程图/活动图/时序图/类图、拓扑图、思维导图/脑图、动画、音频/视频等。分层架构设计，插件轻量，且具有较好的性能，方便导入导出，可以保存为图片或是SVG文件，支持在线制作云存储多端分享。最厉害的是有一定的动画殊效，更加便于展示业务流程及数据走向。社区强大，帮助文档及教程特多，互换群丰富，对未来有明确的方案。不仅仅是一个绘图工具，更是一个强大的丰富的图库平台。
总结：以上几款在线绘图工具，各有特点，有界面都雅的，有大厂出品的，有功能极其丰富的，有扩展性极强的，但大部分都集成随意马虎方便上手，感兴趣的同学可以根据自己的须要进行集成。
欢迎关注王小乐[来看我]
