在线画图工具diagrams

以下文章来源于苏三说技术

小清新的画图风格，效果如下：

1、介绍

选择保存

官网地址：https://app.diagrams.net

https://draw.io/

在浏览器上输入https://draw.io/

第一次访问的时候有点慢，因为它要初始化一些东西.

接下来，会弹出一个窗口，让我们选择画的图，需要保存到哪里

它主要支持四种：

1. OneDrive：即云
2. Device：即设备
3. Github
4. Gitlab

选好保存的地方，接下来，会弹出一个窗口，让你选择是Create New Diagram（创建新流程图），还是选择Open Existing Diagram（打开已有的流程图）。

我们第一次进来，当然是选择创建新流程图了create new diagram，进入画图界面

从上图可看到工作界面的组成部分

如果你想修改流程图名称的话，可以双击左上角的：Untitled Diagram.drawio这几个字，会弹出如下窗口：

在这个窗口中可以修改流程图的名称和文件类型，默认是.drawio格式的

菜单栏

• File菜单：包含了一系列的文件操作，包括：新建、打开文件、打开最近的文件、保存文件、另存为文件、分享文件、重命名、拷贝文件、导入、导出、打印、关闭等。
• Edit菜单：包含了一系列工作区的操作，包括：回退、撤回、剪切、复制、粘贴、删除、查找、替换、编辑、编辑属性、选择、全选等。
• View菜单：包含了一系列的视图操作，包括：恢复默认布局、大纲视图、图层、标签、网格、滚动条、全屏等。
• Arrange菜单：包含了一系列图形排列操作，包含：在前面、在后面、插入图形、对齐等。
• Extras菜单：包含了一系列额外的操作，包含：主题、展开、收缩、插件、编辑画图区、配置等。
• Help菜单：主要包含一系列全局的操作，包含：搜索、快捷键、关于等。

工具栏

工具栏中包含了一些常用的功能，比如：图片尺寸、放大、缩小、退回、撤销、删除、在前、在后、背景色、字体颜色、连接、阴影、添加表格、添加图形、全屏、展开、收缩等。

左边图形区

这个区域可以选择我们画图时，需要的图形，默认有这7类图形。

如果不满足要求，可以点击 More Shapes 按钮，选择更多类型。

画图区

你可以在左边的图形区选择好图形之后，用鼠标拖到画图区。也可以直接在画图区复制已有的图形。

还可以加网格

右键空白的地方，会出现一些操作选项：

右键某个具体图形，会出现一些图形相关的选项

右边样式区

选择的图形，在画图区默认是这样的

一眼看过去，显得非常单调。但如果在右边样式区，我加了一些样式之后，图形马上变得不一样了。

对于文本样式也有挺多功能可以设置的：

底部

底部主要展示的是每页的名称。

点击左侧三个点：

可以切换、插入、删除和重命名页面。点击右侧的加号,可以立刻新增页面

我们每次画图需要在某个页面上操作。但如果你需要画的图很多，可以使用页进行归类，方面今后维护。不太建议，一页上画的图太多，不然画图时会非常卡。

总结

本文主要介绍了diagrams画图工具，它是一款免费的在线画图工具，也叫做draw.io。它的功能非常强大，包括：菜单栏、工具栏、左边图形区、画图区、右边样式区、底部等。

同时还介绍了如何进入画图区。

当然本文只是抛砖引玉，给大家介绍了diagrams的一小部分功能。它的强大之处，需要大家自己多动手摸索。

下面用一张图给大家展示一下，我是如何使用diagrams画图的：