ant-design-vue和elementui哪个好,ant-design-vue入门？很多人不了解，今天趣百科为大家带来相关内容，下面一起来看看吧。

俗话说，一图胜千言。一张小图可以代替一大段文字描述，也可以直观的描述业务流程，展示算法.这里有一些我最近收集的开源在线绘图工具。

(相关资料图)

Ant Design Pro项目地址：https://pic.qubaike.com/pic/2023-03-21/3ujihe2qzin

Ant Design Pro流程图编辑器

Ant Design Pro是一款面向中端平台的开箱即用前端/设计解决方案。在预览网站中，图形编辑器下有流程图、脑图、拓扑编辑器，都是大昌出品。界面挺漂亮，功能实用但不够强大。你可以选择将它作为一个在线绘图工具集成到你自己的项目中。集成时，这个工具有很多可扩展性：扩展画布左侧的节点类型(节点是图片)；保存扩展流程图、版本控制和版本比较；动态调整画布中节点的大小等。

Wookteam项目地址：https://pic.qubaike.com/pic/2023-03-21/cb4fhuditse

工作组在线流程图

旭团队在线思维导图

Wook团队在线任务甘特图

WookTeam是用PHP编写的轻量级开源在线团队协作工具，提供在线思维导图、在线流程图、在线任务甘特图，以及文档工具、项目管理、任务分配、知识库管理等其他工具。前端框架采用Vue 2.0 Iview UI。该工具界面美观，功能丰富。唯一的一点就是对PHPer比较友好。Java开发人员在集成和转换时需要一定的工作量。

MxGraph项目地址：https://pic.qubaike.com/pic/2023-03-21/v1vg11mzp0f

MxGraph包含一个用JavaScript编写的客户端软件，以及一系列后端(可以是Java，PHP，NET)用于各种语言。客户端软件是一个图形组件，带有可选的应用程序包装，已集成到现有的Web界面中。客户端需要一个Web服务器来将所需的文件传送到客户端，或者它可以从本地文件系统运行，而不需要Web服务器。这个工具入门简单，界面强大，组件相对丰富，和下面说的JSPlumb不一样。它可以导出为xml文件或保存为图片。缺点是文档不够友好，没有中文文档，英语基础差的学生很难上手。与jsPlumb相比，css不能用来自定义节点样式，完全通过js完成，比较麻烦。

Visor.js项目地址：https://pic.qubaike.com/pic/2023-03-21/ssi4nsbqc0n

Visor.js示意图

Visor.js基于JQUERYY，将在线绘图应用的核心基础文件制作在画布上。它支持鼠标的拖放移动、伸缩、旋转和各种事件。该轮功能强大，控件丰富，扩展性强，支持单个页面预览，开发文档充足，具有一定的社区支持；缺点也很明显。个人发展提交代码不连续，上次提交是在两年前。还有就是页面不够美观，跟不上时代。还是一个很好的工具。熟悉JQUERYY的朋友可以快速上手。有兴趣的可以重写页面让它更漂亮，挑战也不小：)。

https://pic.qubaike.com/pic/2023-03-21/zo3izj1fg5o VUE流程设计项目地址

VFD基于Vue Ant

easy-flow项目地址：https://pic.qubaike.com/pic/2023-03-21/w3o1jboxeas　　

easy-flow示例图

easy-flow示例图

easy-flow是一款基于 VUE+ElementUI+JsPlumb 的流程设计器，通过 vuedraggable 插件来实现节点拖拽。支持拖拽编辑，连线自定义，加载给定数据，支持力导图...与上面介绍的VFD近乎同样的技术栈，页面样式更加美观，同时，集成难度较小，虽然功能较少，但可扩展性性强，持续更新也是一大亮点，有交流群，社区也较活跃。

Le5le-topology项目地址：https://pic.qubaike.com/pic/2023-03-21/sqx1a3bbgm0　　

Le5le-topology 是一个开源易扩展方便集成的可视化在线绘图工具，使用 Canvas + Typescript实现。采用引擎 + 图形库中间件的思路能够方便、快速地扩展、集成到前端项目。可用于微服务架构图、流程图/活动图/时序图/类图、拓扑图、思维导图/脑图、动画、音频/视频等。分层架构设计，插件轻量，且具有较好的性能，方便导入导出，可以保存为图片或是SVG文件，支持在线制作云存储多端分享。最厉害的是有一定的动画特效，更加便于展示业务流程及数据走向。社区强大，帮助文档及教程特多，交流群丰富，对未来有明确的规划。不仅仅是一个绘图工具，更是一个强大的丰富的图库平台。

总结：以上几款在线绘图工具，各有特点，有界面美观的，有大厂出品的，有功能极其丰富的，有扩展性极强的，但大部分都集成容易方便上手，感兴趣的同学可以根据自己的需要进行集成。

欢迎关注王小乐

花贝 亻言用卡 提现微信 15129 739599

亻言用卡★花贝★白条★分付等★提·现