关键词：
大家好，我是bigsai，又跟大家见面了。
前言
看过我以往文章的小伙伴可能会发现，我的大部分文章都有很多配图。我的文章风格是图文相结合，更便于大家理解。
最近有很多小伙伴发私信问我：文章中的图是用什么工具画的。他们觉得我画的图风格挺小清新的，能够让人眼前一亮。
先上几张图让大家看看效果：
说实话，问我的人太多了，我真的没法一个个回复。同时问我的人多，也恰恰说明了这个工具的优秀。
今天特地写一篇介绍画图工具的文章，给有需要的朋友一个参考。
1. 用什么画的图？
对于画流程图的工具，之前大家用得比较多的可能是：visio和process on了。
visio是微软的一款画图软件，需要在电脑上安装，正版软件是付费的，但网上也可以搜到很多破解版。它是我用过的最早的画流程图工具了，后面使用mac电脑办公之后，就没有用过它了，之前觉得它跨电脑办公有点不方便。
process on是一款免费在线画图工具，功能非常强大。除了常规的各种流程图之外，对于思维导图支持也非常友好。但有个缺点是只能免费保存最近9张图，想保留更多的图，需要付费升级。
前面的两款画图工具，说到底还是收费的，对于喜欢白嫖的我们来说，有点无法接受。那么，有没有一款免费、在线、功能强大的画流程图的工具呢？
答：有，可以使用：diagrams。
没错，我文章中的图都是用diagrams画出来的，也可以叫它：draw.io，它已经成为了我画图首选工具。
这款画图工具的官网地址是：https://app.diagrams.net/，它的前身是：https://draw.io/。这两个url都能访问。
同时它也提供了离线版的画图软件，大家可以自己下载diagrams的安装软件，不过有个坏处是它是收费的。
所以，我用的最多的还是在线版的。
2. 如何进入画图界面？
从上面已经知道，我的文章都是用diagrams画流程图的。
但如何进入diagrams的画图界面呢？
在浏览器上输入diagrams的官网地址，我平时喜欢输入：https://draw.io/，因为它比较好记。
第一次访问的时候有点慢，因为它要初始化一些东西。
接下来，会弹出一个窗口，让我们选择画的图，需要保存到哪里。
它主要支持四种：
OneDrive：即云
Device：即设备
Github
Gitlab
我目前为了图方便，用的最多的是Device，它可以把画的图保存到本地电脑，也可以从本地电脑导入已有的图。
其实如果可以的话，把图保存到Github，也是个不错的选择。
接下来，会弹出一个窗口，让你选择是Create New Diagram（创建新流程图），还是选择Open Existing Diagram（打开已有的流程图）。
我们第一次进来，当然是选择创建新流程图了。
然后，进入了画流程图的主界面：
3 画图界面的组成部分
diagrams的工作界面主要是由以下几个部分组成：
此外，在这里顺便说一句，如果你想修改流程图名称的话，可以双击左上角的：Untitled Diagram.drawio这几个字，会弹出如下窗口：
在这个窗口中可以修改流程图的名称和文件类型，默认是.drawio格式的。
下面用一张图总结一下，diagrams的工作界面主要组成部分：
3.1 菜单栏
File菜单：包含了一系列的文件操作，包括：新建、打开文件、打开最近的文件、保存文件、另存为文件、分享文件、重命名、拷贝文件、导入、导出、打印、关闭等。Edit菜单：包含了一系列工作区的操作，包括：回退、撤回、剪切、复制、粘贴、删除、查找、替换、编辑、编辑属性、选择、全选等。View菜单：包含了一系列的视图操作，包括：恢复默认布局、大纲视图、图层、标签、网格、滚动条、全屏等。Arrange菜单：包含了一系列图形排列操作，包含：在前面、在后面、插入图形、对齐等。Extras菜单：包含了一系列额外的操作，包含：主题、展开、收缩、插件、编辑画图区、配置等。Help菜单：主要包含一系列全局的操作，包含：搜索、快捷键、关于等。
3.2 工具栏
工具栏中包含了一些常用的功能，比如：图片尺寸、放大、缩小、退回、撤销、删除、在前、在后、背景色、字体颜色、连接、阴影、添加表格、添加图形、全屏、展开、收缩等。
这些功能真的太实用了。
3.3 左边图形区
这个区域可以选择我们画图时，需要的图形，默认有这7类图形。
如果不满足要求，可以点击 More Shapes 按钮，选择更多类型。
上图中我另外加了IOS类的图形。
我个人喜欢使用General类的图形：
里面常用的图形都有，画一般的流程图是够用的。当然你也可以根据个人喜欢，选择更多的类型画图。
3.4 画图区
画图区是最重要的地方了，你的流程图是在这片区域完成的。
你可以在左边的图形区选择好图形之后，用鼠标拖到画图区。也可以直接在画图区复制已有的图形。
还可以加网格：
右键空白的地方，会出现一些操作选项：
右键某个具体图形，会出现一些图形相关的选项：
3.5 右边样式区
右边样式区可以说是diagrams的灵魂。
选择的图形，在画图区默认是这样的：
一眼看过去，显得非常单调。但如果在右边样式区，我加了一些样式之后，图形马上变得不一样了。
对于文本样式也有挺多功能可以设置的：
3.6 底部
底部主要展示的是每页的名称。
点击左侧三个点：
可以切换、插入、删除和重命名页面。
点击右侧的加号：
可以立刻新增页面。
我们每次画图需要在某个页面上操作。但如果你需要画的图很多，可以使用页进行归类，方面今后维护。不太建议，一页上画的图太多，不然画图时会非常卡。
总结
本文主要介绍了diagrams画图工具，它是一款免费的在线画图工具，也叫做draw.io。它的功能非常强大，包括：菜单栏、工具栏、左边图形区、画图区、右边样式区、底部等。
同时还介绍了如何进入画图区。
当然本文只是抛砖引玉，给大家介绍了diagrams的一小部分功能。它的强大之处，需要大家自己多动手摸索。
下面用一张图给大家展示一下，我是如何使用diagrams画图的：
好了，今天的内容先分享到这里，我们下期再见。
如果大家觉得这个工具不错，或者看了我的分享有些收获的话，请帮我点个在看。
提前祝大家元旦快乐、新年快乐、财源滚滚、心想事成、身体健康、万事如意。
推荐阅读：
欢迎关注 「bigsai」，回复「666」获取个人原创数据结构算法学习pdf
后台进群添加「bigsai66」，拉你力扣打卡群
干掉visio，这个画图神器真的绝了！！！(代码片段)
大家好，我是bigsai，又跟大家见面了。前言看过我以往文章的小伙伴可能会发现，我的大部分文章都有很多配图。我的文章风格是图文相结合，更便于大家理解。最近有很多小伙伴发私信问我：文章中的图是... 查看详情
干掉visio，这个画图神器太香了(代码片段)
前言看过我以往文章的小伙伴可能会发现，我的大部分文章都有很多配图。我的文章风格是图文相结合，更便于大家理解。最近有很多小伙伴发私信问我：文章中的图是用什么工具画的。他们觉得我画的图风格挺小清... 查看详情
干掉visio，这是一款免费又好用的画图神器(代码片段)
哈喽，大家好，我是指北君。对于画流程图的工具，之前大家用得比较多的可能是：visio和 processon。流程图在分析软件流程、用户使用流程上，能够使读者快速理清逻辑，简明实用。流程图很好画，无... 查看详情
横空出世！idea画图神器来了，比visio快10倍！(代码片段)
...们会选择ProcessOn这类工具来绘制，但有时候用代码来画图可能会更高效一点，毕竟没有比程序员更熟悉代码的了。今天给大家推荐一款画图工具PlantUML，可以配合IDEA使用，画图更高效！ PlantUML简介PlantU 查看详情
干掉“重复代码”，这三种方式绝了！(代码片段)
...0c;码农很喜欢写重复代码而软件工程师会利用各种技巧去干掉重复的冗余代码。业务同学抱怨业务开发没有技术含量，用不到设计模式、Java高级特性、OOP，平时写代码都在堆 CRUD，个人成长无从谈起。其实，我认... 查看详情
可视化python打包exe，这个神器绝了！
今天给大家分享个可视化Python打包神器，欢迎点赞支持，文末提供技术交流群。1、什么是auto-py-to-exeauto-py-to-exe是一个用于将Python程序打包成可执行文件的图形化工具。本文就是主要介绍如何使用auto-py-to-exe完成python程序... 查看详情
❤️你还在用visio画图吗？已经落伍啦！快来试试轻量级绘图神器draw.io吧！❤️(代码片段)
引子最近写模块文档，需要绘制一些程序流程示意图，之前一直用word+visio的组合，但是现在都是typora+xmind的轻组合了，所以这次也尝试了一个新的轻量级绘图工具draw.io。文末附上在线绘制网址与windows版下... 查看详情
❤️你还在用visio画图吗？已经落伍啦！快来试试轻量级绘图神器draw.io吧！❤️(代码片段)
引子最近写模块文档，需要绘制一些程序流程示意图，之前一直用word+visio的组合，但是现在都是typora+xmind的轻组合了，所以这次也尝试了一个新的轻量级绘图工具draw.io。文末附上在线绘制网址与windows版下... 查看详情
可视化python打包exe，这个神器绝了
免责声明：本文内容来源于网络，文章版权归原作者所有，意在传播相关技术知识&行业趋势，供大家学习交流，若涉及作品版权问题，请联系删除或授权事宜。#1.什么是auto-py-to-exeauto-py-to-exe是一个用于... 查看详情
可视化python打包exe，这个神器绝了
免责声明：本文内容来源于网络，文章版权归原作者所有，意在传播相关技术知识&行业趋势，供大家学习交流，若涉及作品版权问题，请联系删除或授权事宜。#1.什么是auto-py-to-exeauto-py-to-exe是一个用于... 查看详情
别再用visio了！试试这个比它快10倍的画图工具不香吗？(代码片段)
总有童鞋问，这个流程图图怎么绘制的，这个UML类图用什么工具做的等等，今天给大家推荐一款idea插件PlantUml，来帮助大家快速快速完成绘制。掌握之后，效率是visio等其他工具的10倍，甩的他们尾灯都看... 查看详情
编程的同时还能盯股票基金？vscode这款神器插件绝了！(代码片段)
今天聊点轻松好玩的话题吧。这两年基金股票很火，身边但凡有点闲钱的同学或者同事基本也都小投了一把。看着身边周围个个都成了“财富管理大师”，自己难免也磨拳擦掌、跃跃欲试，于是在空余时间也一直有学... 查看详情
编程的同时还能盯股票基金？vscode这款神器插件绝了！(代码片段)
今天聊点轻松好玩的话题吧。这两年基金股票很火，身边但凡有点闲钱的同学或者同事基本也都小投了一把。看着身边周围个个都成了“财富管理大师”，自己难免也磨拳擦掌、跃跃欲试，于是在空余时间也一直有学... 查看详情
瞬间高逼格！这6种python进度条真的绝了！(代码片段)
相信大家对进度条一定不陌生了，比如在我们安装python库的时候可以看到下载的进度，此外在下载文件时也可以看到类似的进度条，比如下图这种：应用场景：下载文件、任务计时等今天我给大家分享Python的6... 查看详情
横空出世，比visio快10倍的画图工具来了(代码片段)
文章转载：Java知音总有童鞋问，这个流程图图怎么绘制的，这个UML类图用什么工具做的等等，今天给大家推荐一款idea插件PlantUml，来帮助大家快速快速完成绘制。PlantUml是什么PlantUml是一个支持快速绘制的... 查看详情
横空出世，比visio快10倍的画图工具来了。(代码片段)
...流群👇👇来源：网络图片总有童鞋问，这个流程图图怎么绘制的，这个UML类图用什么工具做的等等，今天给大家推荐一款idea插件PlantUml，来帮助大家快速快速完成绘制。PlantUml是什么PlantUml是一 查看详情
不写代码轻松实现数据可视化，这款基于springboot的神器，简直绝了(代码片段)
...ApacheDoris和Kettle，如果你想学习这两种技术的话，这个项目是个不错的选择。系统架构DataEase使用的技术栈如下：技术说明SpringBoot后端基础框架MySQL数据存储ApacheDoris一个现代化的MPP分析型数据库产品。仅需亚秒 查看详情
有了这个机器学习画图神器，论文博客都可以事半功倍了！
推荐一个深度学习的绘图工具，对于初学者没有比可视化更有帮助的了，下面可以看下效果：绘图很灵活，可以自定义图形，根据已经提供的基本元素，按照自己的需求去调整使用。项目地址：https://gi... 查看详情