俗话说，一图胜千言，一张小小的图片可以替代大段的文字说明，更可以形象直观地形貌业务流程、展示算法...，下面给大家带来几款我最近收藏的开源在线绘图工具。Ant Design Pro项目地址：https://github.com/ant-design/ant-design-proAnt Design Pro流程图编辑器Ant Design Pro是蚂蚁开源的一款开箱即用的中台前端/设计解决方案。

在其预览网站里图形编辑器下有流程图、脑图、拓扑编辑器，大厂出品，界面相当雅观，功效实用但不够强大，可以选择集成到自己的项目中作为一个在线绘图工具。集成时，这个工具可扩展性许多：扩展画布左侧节点类型（节点为图片）；扩展流程图生存，版本控制，版本比对；动态调整画布中节点巨细等。wookteam项目地址：https://gitee.com/aipaw/wookteamWorkTeam在线流程图WookTeam在线思维导图WookTeam在线任务甘特图WookTeam是一款PHP语言编写的轻量级的全部开源的在线团队协作工具，提供在线思维导图、在线流程图、在线任务甘特图，此外另有各种文档工具、项目治理、任务分发，知识库治理等工具。前端框架接纳的是Vue 2.0 + Iview UI。

这款工具界面雅观，功效富厚，唯一一点就是对PHPer友好，Java开发者集成转换时需要一定的事情量。mxGraph项目地址：https://segmentfault.com/a/1190000018510996mxGraph包罗一个用JavaScript编写的客户端软件，以及一系列用于种种语言的后端（可以是Java，PHP，.NET）。客户端软件是一个图形组件，带有一个可选的应用法式包装法式，该法式包装法式已集成到现有的Web界面中。客户端需要Web服务器将所需的文件通报到客户端，或者可以在没有Web服务器的情况下从当地文件系统运行。

这个工具引入利便，界面功效强大，组件也相对富厚，和下面提到的JSPlumb各有千秋，可以导出为xml文件，也可以生存为图片。缺点是文档不够友好，没有中文文档，英文基础差的同学上手难度大，相对 jsPlumb 不能使用 css 自界说节点样式，完全通过 js 完成，比力贫苦。Visor.js项目地址：https://gitee.com/zhouyig/Visor.jsVisor.js示意图Visor.js 是基于JQUERYY的，在Canvas上制作在线绘图应用的焦点基础文件，它支持鼠标的拖拽移动、伸缩、旋转和种种事件。这个轮子，功效强大，控件富厚，可扩展性强，支持单独页面预览，开发文档充实，有一定的社区支持；缺点也是显着的，小我私家开发提交接码不连续，最近一次提交是两年前了，另有就是页面不够雅观大气，没有与时俱进。

还是不错的工具，熟悉JQUERYY的小同伴可以快速上手，感兴趣的可以重写一下页面，使之越发雅观，挑战也是不小：）。VFD(VUE FLOW DESIGN)项目地址：https://gitee.com/yjblogs/VFDVFD基于Vue + Ant Design Vue + JSPlumb，作为一款流程设计器组件，可作为流程图、泳道图等绘图工具，面板组件结构合理，功效强大，操作利便快捷（可拖拽且快捷键富厚），生存后为一段json数据，便于生存及控制版本，也可生存为图片，安装使用利便，集成难度较小，有交流群。缺点是演示网站挂掉了，只可以通过图片一览真容。

easy-flow项目地址：https://gitee.com/xiaoka2017/easy-floweasy-flow示例图easy-flow示例图easy-flow是一款基于 VUE+ElementUI+JsPlumb 的流程设计器，通过 vuedraggable 插件来实现节点拖拽。支持拖拽编辑，连线自界说，加载给定数据，支持力导图...与上面先容的VFD近乎同样的技术栈，页面样式越发雅观，同时，集成难度较小，虽然功效较少，但可扩展性性强，连续更新也是一大亮点，有交流群，社区也较活跃。

Le5le-topology项目地址：https://www.oschina.net/p/topology?hmsr=aladdin1e1Le5le-topology 是一个开源易扩展利便集成的可视化在线绘图工具，使用 Canvas + Typescript实现。接纳引擎 + 图形库中间件的思路能够利便、快速地扩展、集成到前端项目。可用于微服务架构图、流程图/运动图/时序图/类图、拓扑图、思维导图/脑图、动画、音频/视频等。

分层架构设计，插件轻量，且具有较好的性能，利便导入导出，可以生存为图片或是SVG文件，支持在线制作云存储多端分享。最厉害的是有一定的动画特效，越发便于展示业务流程及数据走向。社区强大，资助文档及教程特多，交流群富厚，对未来有明确的计划。

不仅仅是一个绘图工具，更是一个强大的富厚的图库平台。总结：以上几款在线绘图工具，各有特点，有界面雅观的，有大厂出品的，有功效极其富厚的，有扩展性极强的，但大部门都集成容易利便上手，感兴趣的同学可以凭据自己的需要举行集成。接待关注王小乐[来看我]。

本文来源：博奥体育app-www.dianqinat.com