工具 | 分享一个好用的绘图工具

前言

一些优秀的、清晰的技术文档、技术博客、工作汇都少不了一些流程图、框图、思维导图等辅助说明图片。大家平时在写论文、写文档、写博客、写工作汇都用什么工具进行绘图呢/p>

但是，前两周我在做项目工作汇文档的时候是在Ubuntu环境下，Ubuntu下绘图就没那么方便了，所以我只能去查找一些在线绘图站进行绘图。

下面依次介绍几款常用的、优秀的绘图工具及我正在使用的、的绘图工具。

几种优秀的绘图工具介绍

1、Draw.io

是 GitHub 上一个开源的流程图绘制工具，功能很丰富。支持流程图，UML图，架构图，原型图等图标。支持Github，Google Drive, One drive等盘同步，并且永久免费。

在线页版地址：

https://www.draw.io

但是，在线页版访问会比较慢，如果觉得页版不方便，也可以选择离线版的，Draw.io 也提供了多平台的离线桌面版可供下载。

2、ProcessOn

是一个在线作图工具的聚合平台，它可以在线画流程图、思维导图、UI原型图、UML图、络拓扑图、组织结构图等等，一个浏览器就可以随时随地的发挥创意，规划工作。

有一定的限制，免费版只能在线保存 10 个文件：

但是，也基本可以能满足我们平时的使用了。我上次做工作汇的时候，需要做几个框图就是用这个做的，做完导出图片即可，很方便。

3、ProcessFlow

是仿照processOn基于drawio二次开发的，能够保存流程图到云服务器，百度盘，gitee码云等云端。在线预览，管理，很方便。

这个工具是我偶然间发现的，我没具体用来绘图过，大家感兴趣的话可以自己去体验一下。

4、Visio

Visio大家应该都知道吧。Visio是一款非常好用的图表绘制软件，它可以帮助我们轻松绘制各种流程图，包括常用的络图、组织结构图、工程设计以及其他使用现代形状和模板的内容，大大提高了用户的工作效率。

做Word文档的话用Visio来作图是一个很好的选择，可以直接插入Visio对象，这样看起来会清晰很多。

Draw.io 离线版部署

首先需要下载离线版的包，下载地址：

https://github.com/jgraph/drawio/releases

War 包需要部署用到，这里我使用Tomcat8，下载地址：

http://www.apache.org/dist/tomcat/tomcat-8/

我们把下载的到的包放到Tomcat的路径下：

然后双击apache-tomcat-8.5.64-windows-x64bin目录下的启动tomcat。这时候可能会有两种情况：

黑窗口一闪而过。
启动成功。

启动成功的界面如：

如果是一闪而过，那可能就是你的电脑还没安装jdk、没配置相关环境变量。

安装JDK，得到：

然后，添加jdk、tomcat环境变量：

配置好这些之后就可以成功启动tomcat了。

打开浏览器访问如下地址：

http://127.0.0.1:8080/draw

如果显示如下界面：

则说明我们的离线版Draw.io基本已经部署好了。但是，这还不是真正的离线版，其还会访问一些外部地址。

需要在路径下的文件的函数添加如下代码：

至此，我们就部署好了离线版的Draw.io。

资源下载

本篇笔记需要用到的资源我都打包好了：

唠嗑一会：

其实这篇推文是我在动车上写的，当时发了个朋友圈：

有些位小伙伴建议写代码、肝文章：

动车上比较适合做点轻松的事，比如整理整理电脑资料，整理资料发现前几天部署这个离线版draw.io还没成功，就继续折腾起来，所以有了这篇轻松愉快的小短文。

另外，ZhengN微信还有些坑位，想要围观ZhengN朋友圈的小伙伴可添加ZhengN微信：。

参考资料：

1、https://zhangzw.com/posts/20200107.html

2、https://blog.csdn.net/sky_jiangcheng