draw.io 画图教程

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

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

参考教程

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

连接线

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

group

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

layers

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