开源应用中心｜在众多在线绘图工具里，这款应用是真的香

1. 背景

draw.io是一款开源的轻量级绘图工具，具有强大简洁的在线的绘图功能。目前Web版draw.io支持流程图、UML图、架构图和原型图等设计图制作功能。支持Github、Google Drive、One drive等网盘同步，并且永久免费。如果觉得使用Web版不方便，draw.io也提供了多平台的离线桌面版可供下载。

2. 核心设计

在使用draw.io之前有必要先来了解一下draw.io的基本设计，对网页的元素有一个直观的认识。有了基本的框架，学习起来就有迹可循了。进入应用后，界面非常直观简洁。顶部菜单栏提供各项基本操作，左侧是图形区可选择自己需要绘制的图形类型及其图标，中间部分是画布，右侧部分是检查器，根据当前的元素显示不同的操作。

3. 一键启用快速部署

3.1 安装指引

除了使用draw.io官网提供的在线绘图工具，腾讯云开源应用中心提供了draw.io在线版一键部署功能。

第一步：登录腾讯云并打开开源应用中心首页，找到draw.io应用。

第二步：点击免费体验或正式开通，应用就已经部署完成。

3.2 使用指引

打开应用连接，选择图形保存方式，目前只支持本地保存。

接着选择绘制的图形类型，点击创建后输入文件名称及文件保存路径。

然后就可以在画布中随心所欲的绘画了。

4. 经验小结

4.1 图形移动、多选、复制与删除

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

• 移动：拖拽
• 复制：cmd + C
• 复制并粘贴：cmd + D
• 删除：delete键

4.2 创建链接

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

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

3）如果需要控制链接位置，可以按住ctrl键，拖拽蓝色箭头到指定位置

4.3 链接图形

1）在悬浮图形后选择x型焦点（会高亮为绿色）可以创建链接，拖拽链接线到目标图形上的x型焦点，完成固定链接

2）在悬浮图形后选择x型焦点（会高亮为绿色）可以创建链接，拖拽链接线到目标图形的边上，直到图形外边变成蓝色，松开鼠标，完成浮动链接

4.4 图形替换与旋转

通过快速创建链接的方式可以快速的创建图形并进行链接，但是如果需要不同的图形呢？

1）替换：从左侧图形库选择需要的图形，拖拽到要替换的图形中央，直到出现了一个替换的褐色标志，松开即可实现替换

2）旋转：选中图形，拖拽上方的旋转箭头即可

了解更多

开源应用免费体验：

https://app.cloud.tencent.com

开源应用插件项目进展：

https://openapp.qq.com/docs