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

  发布时间:2023-10-17 10:45:14   作者:佚名   我要评论
draw.io是一个强大简洁的在线的绘图网站,支持流程图,UML图,架构图,原型图等图标,下面我们就来看看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用于设置当鼠标在图形对象上停留时是否显示箭头导向指引。下图是有箭头导引的效果:

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

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

相关文章

最新评论