大家好，我是 华仔, 又跟大家见面了。

01 前言

大家都知道我的公众号文章里面有很多配图，我的文章风格就是图文并茂，以读者的角度尽可能用通俗易懂的方式给大家呈现比较完美的内容。

最近有很多粉丝发私信或者留言问，公众号文章的配图是用什么工具画的，其实当初看到这个画图工具的时候也是眼前一亮，感觉很与众不同。

先来几张图让大家看看效果：

今天特意写一篇介绍该画图工具的文章，送给感兴趣的粉丝和朋友们。

02 我的画图工具

对大家来说，用的比较多的画图工具可能就是 https://www.processon.com。 

它是一款在线画图工具，功能非常强大， 它里面支持流程图、思维导图、原型图、UML、网络拓扑、组织结构等多种类型，非常丰富，唯一的缺点就是只能免费保存9张图，想要保存更多的，需要进行付费升级。

另外还有一款比较不错的画图工具就是 draw.io，网址：https://app.diagrams.net/。但是本文不打算介绍该画图工具，这款画图软件在三哥的公号已经被介绍过了。

这里我主要介绍一款看起来有点别出心裁的画图工具 Excalidraw，也就是我公众号文章所用到的画图工具， 它是一款在线、免费、功能还算比较强大的画图工具，目前它已经成为我画图的首选工具，文中偶尔会使用下 Processon 。

Excalidraw 是一款非常轻量的在线白板工具，直接在浏览器打开，可以轻松绘制具有「手绘风格」的开源画图工具，截止本文编辑时， Star 数共 28.6 k ，目前一直在维护。

画图工具在线地址：https://excalidraw.com

https://github.com/excalidraw/excalidraw

同时它也支持本地软件安装方式，只不过需要编译安装 npm，相对比较麻烦的，所以基本上用在线版就够用了。

如果你平时也喜欢手绘风格的话，那么这款画图软件非你莫属。

03 画图工具介绍

上面已经介绍了，我公众号的文章都是通过 Excalidraw 这款画图工具画的。接下来我们开始介绍下这款工具的功能。

打开浏览器，在地址栏中输入 https://excalidraw.com， 此时就进入了画图的主界面， 如下图所示：

该画图软件的特点主要有：

• 界面简洁，交互细致，上手简单，操作习惯和大部分制图软件相似

• 免注册，支持中文界面，打开浏览器就能开始画图

• 支持众多键盘快捷键操作，配合鼠标能快速画图

• 内容安全受保护，Excalidraw 采用端到端加密，绘图内容不会上传到服务器

• 支持通过网页链接共享协作

画图工具组成部分

从左到右依次是: 

1) 清除画布:   主要用来清除画布内容。

2) 载入文件:  导入图片或者excalidraw格式的文件到画布中。

3) 导出文件:  导出画布内容, 并在其他设备上可以导入编辑，比如电脑上的图形导入到手机上进行编辑或者查看，这里支持保存到本地文件、分享连接、将画布保存到 Excalidraw + 工作区。

4) 保存图像：支持不同大小、不同格式的图片。

5）实时协作：启动会议在线实时协作，可以分享链接给其他小伙伴，一起共享同一个白板进行创作。

6）画布背景：调整画布背景样式，根据个人喜好进行设置。

7）暗黑模式：支持黑白模式切换，看起来非常酷。

在我们画图时，在这个区域可以选择我们需要的图形， 它支持最常用的图形元素：「方框」、「圆」、「菱形」、「箭头」、「连接线」，可以方便的使用这些元素绘制简洁的图形。

下面看一个动画效果【摘自网络】：

如果这些基本的图形不满足需求，可以点击旁边的 按钮，获取更多的类型。

可以通过浏览类库，根据个人喜好，选择适合自己的类型，点击添加到 Excalidraw 素材库中，后续方便直接使用。

左侧样式区可以说是画图工具的灵魂了，可以对图形进行各种样式调整， 这里主要包括：「描边」、「背景」、「填充」、「描边宽度」、「边框样式」、「线条风格」、「边角」、「透明度」、「图层」、「操作」等。

默认图形如下所示：一眼看上去比较单调，非常没有美感

但是通过左边的样式进行调整后，立马就变了样子。

对于文字也是有不错的效果，只不过对于中文来说比较正规，没有手写的效果

有个类似的中文站：https://board.oktangle.com， 但是感觉比较鸡肋，喜欢折腾的小伙伴可以尝试下。

画图区是非常重要的，你的图都是在这片区域来完成的。

你可以通过画图区上面的图形区选择需要的图形，然后通过左侧的样式区调整图形的样式来达到最完美的效果。

通过鼠标右键空白处还可以出现一些操作项：

而右键某个具体图形的时候，会出现一些图形相关的操作项：

另外如果对该画图软件快捷键有什么不了解的可以点击画布右下角的问号可以查看具体的快捷键列表，如下图所示：

04 总结

本文主要介绍了 Excalidraw 画图工具常用的功能模块以及如何画出一个相对比较完美的图，相信大家看到这里已经对该画图工具有一些了解了。

好了，今天的内容先分享到这里，我们下期 Kafka 源码见。

如果我的文章对你有所帮助，还请帮忙点赞、在看、转发一下，非常感谢！

坚持总结, 持续输出高质量文章  关注我: 华仔聊技术