首页 手机游戏 手机软件 游戏新闻 软件资讯
当前位置: 首页 > 软件资讯 > draw.io在线绘图工具怎么用

draw.io在线绘图工具怎么用

时间:2026-07-12

小编:本站小编

阅读: 3483

    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文件格式和 格式。

  

  

    然后,我们输入文件的名称,注意不要把对应的后缀给删掉,其次,我们选择创建图的类型,这里选择“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用于设置当鼠标在图形对象上停留时是否显示箭头导向指引。下图是有箭头导引的效果:

  

  

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

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

相关阅读