阅读全文

⭐⭐⭐ Spring Boot 项目实战	⭐⭐⭐ Spring Cloud 项目实战
《Dubbo 实现原理与源码解析 —— 精品合集》	《Netty 实现原理与源码解析 —— 精品合集》
《Spring 实现原理与源码解析 —— 精品合集》	《MyBatis 实现原理与源码解析 —— 精品合集》
《Spring MVC 实现原理与源码解析 —— 精品合集》	《数据库实体设计合集》
《Spring Boot 实现原理与源码解析 —— 精品合集》	《Java 面试题 + Java 学习指南》

摘要: 原创出处 古时的风筝 「风筝」欢迎转载，保留摘要，谢谢！

• Excalidraw
  • 业务架构方案
  • 泳道图
  • 示意图
  • 简易流程图
• 操作界面
• 字体问题

---

🙂🙂🙂关注微信公众号：【芋道源码】有福利：

1. RocketMQ / MyCAT / Sharding-JDBC 所有源码分析文章列表
2. RocketMQ / MyCAT / Sharding-JDBC 中文注释源码 GitHub 地址
3. 您对于源码的疑问每条留言都将得到认真回复。甚至不知道如何读源码也可以请教噢。
4. 新的源码解析文章实时收到通知。每周更新一篇左右。
5. 认真的源码交流微信群。

---

作为一个程序员，画图是必不可少的技巧。当然此画图不是搞艺术，而是画各种架构图、流程图、泳道图以及各种示意图。

平时我不论是记笔记、写技术文章，还是工作中写文档，都需要配上各种各样的示意图。不管是帮助自己更好的掌握知识，还是分享出去让别人更好的理解，配图都是非常重要的，所谓一图胜千言就是这个道理，大家都喜欢图文并茂的内容，有时候甚至一张图就够了，根本不需要过多的文字解释。

这些图都是用 Mac 自带的 Keynote 画的，当然今天要说的不是 Keynote，因为画了好多图后，我发现用 Keynote 画图虽然可以很好看，但是很累，而且图画的好不好看，完全靠自己的审美水平。我画图主打一个花里花哨，一张图可能用上好几个颜色，主打一个以多取胜，唬住一部分人不在话下。

Keynote 更适合做那些科普类、知识类、推荐类的图文内容，比如小红书，你随便搜一个图文类软件推荐的博主，那种比较简洁的封面图，就很适合用 Keynote 做。

今天要介绍的这个工具是 Excalidraw，自从发现这个工具后，Keynote、ProcessOn 我基本上就不用了。

Excalidraw

以下是用 Excalidraw 画的各种类型的图，Excalidraw 主要的就是一个手绘风格，出来的效果很像用笔画出来的。当然，如果是对外比较正式的图，也可以调整成比较严肃的风格。

我感觉效果还是不错的。不喜勿喷！

业务架构方案

泳道图

示意图

简易流程图

操作界面

如果你用过其他的画图工具，那对它的界面自然也不会感到陌生，都差不多，只是效果上有比较大的差别。

以下是它的一个主要操作界面。

• 可以通过上方的菜单快速的拖出矩形、菱形、原型、箭头、线条等等。
• 选中一个图形元素后，左侧可以配置这个元素的线条风格，这里就包括那种比较正式的风格和手绘风，以及直角和圆角。
• 可控制元素的内部填充色、内部填充风格（实色填充、网格填充以及无填充）、边框颜色。

字体问题

Excalidraw 的官网地址是 https://excalidraw.com/ 。但是 Excalidraw 对于国内的用户来说有一个比较严重的问题，那就是它对中文的支持不是很好，默认字体很多人不是很满意。

下面是默认的中文字体显示风格，其实还说的过去。

但是换了字体后，看上去更舒服一点。（注意，此处与个人审美密切相关，要不然就不会有那么多字体了）

我个人而言，还是喜欢下面的字体，这个字体是开源的霞鹜文楷字体。正好Excalidraw也是开源的，所以，我专门部署了一套带有霞鹜文楷字体的网站 https://excalidraw.moonkite.cn/ ，有需要的可以直接拿去用，不用谢！

在左侧字体设置里，第一个就是这个霞鹜文楷字体，选中这个就可以了。