draw.io在线绘图工具怎么用? draw.io超详细的小白入门教程

这篇文章重点介绍在线绘图工具draw.io的使用方法。

1、draw.io简介

draw.io在线绘图工具是英格兰一家公司开发的，该公司信条：为每个人提供免费、高质量的绘图软件。

这款工具无须注册登录，安全、开源、使用广泛、且基于浏览器，免安装。

可绘制：流程图、思维导图、组织结构图、文氏图、信息图、楼宇平面图、网络图、架构图、电气工程图、uml图等。

2、创建绘图

在浏览器地址栏里输入：draw.io，回车后，其自动导航到：app.diagrams.net

并弹出如下界面：

上图是保存路径选择存储在当前机器的设备中，“create new diagram”是新建图，"open existing diagram"是打开已存在的图。

我们选择新建图，将会出现以下界面：

首先，选择文件的保存格式，包括drawio自己的格式，png图片格式，svg向量图片格式、html文件格式和xml格式。

然后，我们输入文件的名称，注意不要把对应的后缀给删掉，其次，我们选择创建图的类型，这里选择“blank diagram”，空白图，最后点击“create”（创建）按钮。

点击“create”后，它会让你选择保存到你的电脑的具体位置和名称。

点击“确定”后，进入到如下的界面。

它基本包含菜单、工具栏，左侧的图形类别与选择栏、右侧的对象属性设置栏、中间的工作区和底部的页标签等。

3、定制绘图类别

在界面左下角，点击“more shapes...”可以设置你想要的图形类别：

在弹出的“shapes”界面的左侧，你想绘制什么图形，可以把其勾选上，然后在界面右下角点击“apply”（应用）即可。这里勾选上了uml。

在draw.io中提供的uml图形如下：

4、设置画布等信息

在绘图前，我们可以对绘图的一些信息进行设置。

在工作区空白处任意位置点击一下，在右侧出现如下的属性设置栏。

4.1 diagram选项卡

diagram选项卡中，设置一些与绘图图形有关的内容。

（1）view

grid设置是否显示网格，默认是显示的。gride右侧的数字用于指定网格的大小和网格线的颜色。

page view设置绘图区是否以页视图的形式显示。background用于设置背景色，默认为白色，如果去掉勾选，则保存的图的背景是透明色。

shadow用于设置图形是否有阴影，下面是无阴影和有阴影的效果对比：

（2）options

connection arrows用于设置当鼠标在图形对象上停留时是否显示箭头导向指引。下图是有箭头导引的效果：

当鼠标在某一个箭头上稍作停留时，该箭头颜色变深，同时会出现该图形可能能连接的图形对象，这时在出现的图形框中，点击一个图形，其自动会创建一个点击图形的对象，并从原图形向新建图形上绘制一个箭头。

或者，在图形的一个箭头上，按住鼠标左键，鼠标这时会变成一个十字箭头，然后鼠标可以移动到其它图形上，这时松开鼠标时，就从原图形到目的图形上创建了一个箭头。