Draw.io绘图操作

使用步骤

以下是使用 draw.io(现在的 diagrams.net)的一些基本操作步骤:

  1. 访问网站

  2. 创建新文档

    • diagrams.net 主页,点击 "New Diagram" 或 "File" > "New" 以创建一个新文档。
  3. 添加形状

    • 在左侧工具栏中,选择需要添加的形状类型,如矩形、圆形、箭头等。
    • 单击并拖动以在画布上绘制形状。
  4. 连接形状

    • 选择 "Connector" 工具(箭头图标)。
    • 单击一个形状的连接点,然后拖动到另一个形状的连接点,以创建连接线。
  5. 编辑文本

    • 双击形状上的文本或者使用右键点击选择 "Edit",以编辑形状中的文本。
    • 使用工具栏中的字体和样式选项来自定义文本。
  6. 调整图形

    • 选中一个形状,然后使用鼠标拖动来移动它。
    • 选中形状后,可以使用调整手柄来改变形状的大小和形状。
  7. 保存文档

    • 点击左上角的 "File",选择 "Save" 或 "Save As" 来保存文档。
    • diagrams.net 支持将文件保存到各种云存储服务中,如Google Drive、OneDrive等。
  8. 导出图表

    • 点击左上角的 "File",选择 "Export As" 来导出图表为不同格式,如PNG、JPG、PDF等。
  9. 撤销和重做

    • 使用工具栏中的撤销和重做按钮,或者使用快捷键 Ctrl+Z(撤销)和 Ctrl+Shift+Z 或 Ctrl+Y(重做)来进行操作的撤销和重做。
  10. 协作和分享

    • diagrams.net 支持与他人协作编辑,您可以通过共享链接或与他人共享文档来一起工作。

这些是使用 diagrams.net 的一些基本操作步骤,可以帮助您开始创建各种类型的图表和图形。根据您的需求,还可以深入研究更高级的功能和选项。

快捷键

以下是 diagrams.net(以前的 draw.io)中的一些常用快捷键:

  1. 通用快捷键

    • Ctrl + S (或 Cmd + S 在 macOS):保存文档。
    • Ctrl + N (或 Cmd + N 在 macOS):创建新文档。
    • Ctrl + O (或 Cmd + O 在 macOS):打开现有文档。
    • Ctrl + Z (或 Cmd + Z 在 macOS):撤销操作。
    • Ctrl + Shift + Z (或 Cmd + Shift + ZCmd + Y 在 macOS):重做操作。
    • Ctrl + C (或 Cmd + C 在 macOS):复制所选项。
    • Ctrl + X (或 Cmd + X 在 macOS):剪切所选项。
    • Ctrl + V (或 Cmd + V 在 macOS):粘贴复制或剪切的项。
    • DeleteBackspace:删除所选项。
    • Ctrl + A (或 Cmd + A 在 macOS):选择所有项。
    • Ctrl + G (或 Cmd + G 在 macOS):将所选项组合成一个组。
    • Ctrl + Shift + G (或 Cmd + Shift + G 在 macOS):解散组。
    • Ctrl + F (或 Cmd + F 在 macOS):查找。
    • Ctrl + H (或 Cmd + H 在 macOS):替换。
  2. 编辑文本

    • F2:编辑所选项的文本。
    • Enter:结束文本编辑。
    • Tab:在多个文本框之间切换。
  3. 图形操作

    • Ctrl + 鼠标左键:多选形状。
    • Shift + 鼠标左键:添加或删除形状的选择。
    • Ctrl + 鼠标右键:连接形状(使用连接器工具)。
  4. 视图和缩放

    • Ctrl + + (或 Cmd + + 在 macOS):放大画布。
    • Ctrl + - (或 Cmd + - 在 macOS):缩小画布。
    • Ctrl + 0 (或 Cmd + 0 在 macOS):适应画布大小。
  5. 层次和对齐

    • Ctrl + Shift + B:将所选项移到后面。
    • Ctrl + Shift + F:将所选项移到前面。
    • Ctrl + 方向键:微调位置。
    • Ctrl + Shift + 方向键:对齐所选项。

这些快捷键可以提高您在 diagrams.net 中的工作效率,但请注意,快捷键可能因不同操作系统或浏览器而有所不同。您可以在应用程序中的帮助或设置中找到有关快捷键的详细信息。

相关推荐
索迪迈科技5 小时前
记一次 .NET 某中医药附属医院门诊系统 崩溃分析
windows·c#·.net·windbg
十八旬5 小时前
苍穹外卖项目实战(day7-2)-购物车操作功能完善-记录实战教程、问题的解决方法以及完整代码
java·开发语言·windows·spring boot·mysql
Clownseven10 小时前
阿里云ECS安装Windows Server 2022教程 | 纯文字分步指南
windows·阿里云·云计算
T0uken11 小时前
【C++】LLVM-mingw + VSCode:Windows 开发攻略
c++·windows·vscode
能摆一天是一天17 小时前
JAVA stream().flatMap()
java·windows
JosieBook18 小时前
【远程运维】Linux 远程连接 Windows 好用的软件:MobaXterm 实战指南
linux·运维·windows
该用户已不存在1 天前
你没有听说过的7个Windows开发必备工具
前端·windows·后端
枫叶落雨2221 天前
注解参数校验
windows
通达的K1 天前
Java实战项目演示代码及流的使用
java·开发语言·windows