Draw.io绘图使用方法

draw.io 是一个强大简洁的在线的绘图网站，支持流程图，UML图，架构图，原型图等图标。支持Github，Google Drive, One drive等网盘同步，并且永久免费。如果觉得使用Web版不方便，draw.io 也提供了多平台的离线桌面版可供下载。

第一次使用，可以点击“language”切换为简体中文哦!

本文的主要内容如下：

draw.io 的核心设计元素

在学习基本操作之前我们先来了解一下draw.io的基本设计，对网页的元素有一个直观的认识。有了基本的框架，学习起来就有迹可循了。大部分的绘图应用都离不开三个基本的元素，图形，链接，文本。每个元素都有基本的操作和样式，元素与元素之间又可以进行组合，“三生万物”，生成各种各样的图表。

首先打开draw.io的网站，加载之后会出现以下的画面。这里是选择图表保存的方式，你可以选择常用的网盘，也可以选择decide later 在之后绘图结束保存的时候在进行选择。

draw.io 的基本操作

绘图区

进入应用后，界面非常直观简洁。顶部菜单栏提供各项基本操作，左侧是图形区，中间部分是画布，右侧部分是检查器，根据当前的元素显示不同的操作。

快速开始

整个界面的操作非常直观，如果有相关绘图软件的使用经验，相信已经可以上手绘图了。

添加图形

通过简单的拖拽，即可在画布上面添加图形。

添加文本

在画布上任何位置双击都可以添加文本框，在其中输入文字

添加链接

在图形上鼠标悬浮，在图形上会浮现基本的链接点。这里分为外边界蓝色的大箭头和边上的x型焦点。这两种链接方式稍有不同，在后面我会详细说明。

基本操作

移动、多选、复制与删除

图形、链接、文本这三个元素都可以被选中。可以使用cmd(windows下为ctrl，下同) + A 选择全部元素，也可以使用cmd + click(鼠标左键点击)来进行特定元素的多选。选择元素后可以进行以下操作

移动：拖拽

复制： cmd + C

复制并粘贴： cmd + D

删除：delete键

创建链接

上面提到过在图形上面悬浮鼠标会出现图形的链接点。

使用蓝色箭头进行快速链接

点击蓝色箭头，会在指定方向创建链接，并在链接末端生成一个完全一致的元素

如果需要控制链接位置，可以按住ctrl键。