526互联

draw.io快速入门(上）

发布时间 2023-08-28 19:58:57作者: 磁石空杯

1 编辑图标

Draw.io（ 现名diagrams.net ）是免费的在线图形绘制工具，可用于创建各种类型的图表、流程图、组织结构图、UML图、网络拓扑图等。

以下是Draw.io的一些特点和功能：

  • 免费和开源

Draw.io是一个免费的工具，用户可以免费访问和使用其所有功能。并且它是开源软件，用户可以查看和修改其源代码。

  • 跨平台和在线访问：

Draw.io可以在各种操作系统（如Windows、Mac、Linux）和设备上使用，只需通过浏览器访问即可，无需安装额外的软件。

  • 多种图形库和模板

Draw.io提供了丰富的图形库和预定义模板，包括各种类型的图表、流程图、UML图、网络拓扑图等。这些库和模板使用户能够快速创建和编辑各种图形。

  • 导入和导出

Draw.io支持导入和导出多种文件格式，包括常见的图像格式（如PNG、JPEG、SVG）、PDF、XML等。这使得用户可以与其他工具进行文件交换和共享。

  • 协作和共享：Draw.io支持多人协作编辑，用户可以与团队成员实时共享和协同编辑图形。还可以将图形导出为不同格式的文件或保存在云存储中，方便共享和分享。

  • 自定义样式和布局

Draw.io允许用户自定义图形的样式、颜色和布局，以满足个性化的设计要求。用户可以调整图形的大小、位置，添加文本、连接线等。

  • 快捷键和工具栏

Draw.io提供了丰富的快捷键和工具栏选项，以便用户快速访问和使用各种功能和工具。

Draw.io是一个功能强大且易于使用的图形绘制工具，适用于个人用户、团队协作、技术文档编写等多种应用场景。无论您是需要创建简单的流程图还是复杂的技术架构图，Draw.io都可以满足您的需求。

本章的学习内容

  • 向 draw.io 添加示例图表
  • 选择单个或多个图形
  • 修改、移动和删除图形

1.1 选择多个对象

有几种方法可以选择多个对象。如果要选择的对象彼此靠近，可单击并用鼠标在所有对象周围拖动一个框。您还可以使用快捷键选择多个对象： Ctrl/Cmd + 单击

1.2 编辑对象

您可以在右侧的格式面板中编辑形状。有几个格式选项：

  • 更改颜色。
  • 添加渐变。
  • 更改线条的宽度、颜色和样式，或删除线条。
  • 更改不透明度。
  • 编辑形状的样式（圆形、阴影、玻璃、素描）。

我们根据上面的示例为图表着色，将线宽设置为3pt，并为所选形状选择圆形选项。

还可以更改连接器。为此，请转到编辑 > 选择边线，只选择连接器。现在，我们将颜色更改为蓝色，将线宽设置为2pt，并选择另一种线端样式。

1.3 移动或删除对象

要移动对象，首先要选中它们，然后拖动到新位置。在我们的例子中，选中两个黄色矩形，然后调整它们的位置，使其位于父形状下方的中心。

现在，让我们删除图表右下方的三个图形。使用工具栏上的删除图标可以轻松删除选中的对象。这对单个和多个选定对象都有效。

您也可以通过选择对象，右击然后从菜单中选择删除（如果您想删除形状及其连接器，请选择剪切），或者使用快捷键 Ctrl+Delete （Mac 上为 Cmd+Delete）来删除对象。

参考资料

2 改变形状

本章的学习内容

  • 复制图形
  • 替换图形
  • 使用格式面板修改新图表或现有图表中的形状
  • 批量更改形状大小
  • 翻转和旋转形状

2.1 复制

要复制整个图表，首先必须选中所有内容：Ctrl+A（Mac 上为 Cmd+A），或编辑 > 全选。或者，也可以用鼠标拖动一个框架来选择所有图形。

您可以只复制图表的某些区域，只需按住Shift键并用鼠标选择这些区域即可。确保要复制的所有对象和连接器都已选中。

右键单击并选择 "复制"，或使用快捷键 Ctrl+D (Mac 上为 Cmd+D)，复制图表或所选图形。或者使用菜单栏（仅限图表编辑器）编辑 > 复制。将复制的图表置于原图下方。Ctrl+C加Ctrl+V也可以实现同样效果。

2.2 替换

要转换形状，请将左侧所需形状拖到已有形状上，直到看到蓝黑色的转换符号。您可以一次对多个形状进行转换，选择要替换的所有蓝色矩形形状，然后将新的云朵形状拖到其中一个选定的矩形上。

按住 Shift 键，将已在画布上的一个形状拖到另一个形状上。当底层形状的轮廓突出显示为紫色时，放下该形状，即可交换它们。

2.3 旋转

旋转形状有几种方法：

  • 使用蓝黑色旋转符号。选择形状时会显示该符号。

  • 在右侧格式面板的排列选项卡中更改形状的角度或旋转90°。

2.4 翻转