draw.io 画图教程

工欲善其事，必先利其器。

draw.io 是一款免费的网页版画图工具，简单好用。 官方网站是 https://drawio-app.com/

参考教程

网上搜索一下，也有很多教程，只需要花 5 分钟就可以浏览完

• draw.io 新手使用教程
• 使用draw.io绘制简洁大方的流程图

连接线

• 如何画双箭头
• 增加转折点 有时候我们希望连接线在某一点固定，我们需要增加一个铆钉点。 操作是，鼠标移动到连线上需要固定的那个点，点击右键，add waypoint

group

• 将组件打包为一个整体。 有时候组件太多了，一不小心就点错了，或者我们需要集体移动，改变大小。 这个时候，我们可以先将需要的组件选中，然后在右边的 Arrange 下面的 group

layers

• Work with layers in diagrams.net
• 当有许多组件的时候，而且重叠部分比较多，（有点套娃的样子）这个时候不好编辑，那么就需要分层了。
• 上面的图片只显示了 Backgroud 层， 下图只显示了 frame 层。

export

导出图片时的区别