首页 > 其他分享 >draw.io快速入门(上)

draw.io快速入门(上)

时间:2023-08-28 20:14:07浏览次数:36  
标签:选择 draw 入门 Draw 图表 形状 io 图形

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 翻转

标签:选择,draw,入门,Draw,图表,形状,io,图形
From: https://www.cnblogs.com/testing-/p/17660700.html

相关文章

  • iOS开发Swift-3-UI与按钮Button-摇骰子App(1)
    1.创建新项目Dice 2.图标 删去AppIcon,将解压后的AppIcon.appiconset文件拖入Assets包。 3.将素材点数1-6通过网页制作成2x,3x版本并拖入Asset。 4.设置对应的UI。 5.拖入Button组件并设置style。 6.Ctrl加拖拽将Button拖拽到ViewController里,并设置Connection,Nam......
  • regulator-fixed and regulator-gpio
    1、regulator-fixed作用:创建一个固定的regulator。一般是一个GPIO控制了一路电,只有开(enable)\关(disabled)两种操作device-treenodeio_vdd_en:regulator-JW5217DFND{ compatible="regulator-fixed"; pinctrl-names="default"; pinctrl-0=<&io_vdd_en_pin......
  • 论文解读 | OmniObject3D:用于逼真感知、重建和生成的大词汇量3D对象数据集
    原创|文BFT机器人这篇论文的主要目标是介绍和探索OmniObject3D数据集,该数据集包含大量真实扫描的3D物体,涵盖了190个类别,提供了多种丰富的注释,包括纹理3D网格、采样点云、多视图图像等。作者将OmniObject3D应用于多个3D视觉任务,包括交叉场景的新视角合成、神经表面重建和3D物体生......
  • python request session
    python request session try:#verify参数来解决ssl报错问题request_result=self.request_sess.post(url,data,verify=False)print(request_result)exceptExceptionase3:print("数据提交失败,异常信息{str(e3)}")     ######......
  • Apache SeaTunnel 2.3.3 版本发布,CDC 支持 Schema Evolution!
    时隔两个月,ApacheSeaTunnel终于迎来大版本更新。此次发布的2.3.3版本在功能和性能上均有较大优化改进,其中大家期待已久的CDCSchemaevolution(DDL变更同步)、主键Split拆分、JDBCSink自动建表功能、SeaTunnelZeta引擎支持作业配置支持变量替换和传参等都是更新的亮......
  • 第一节 drf入门规范
    一web应用模式它是djangoweb框架,专门用来写web项目1前后端混合开发模式---》常见公司老项目-后端人员,写后端,也要写模板语法--->模板语法就是写的xx.html的Python代码-全栈开发,前后端都写 2前后端分离开发模式---》新项目,时下比较流行-后端不用写前端,只需要写接......
  • Galaxy Studio星河工作室于8月26日正式使用Canva可画网页版对室徽进行重绘!还开放了名
    GalaxyStudio星河工作室于8月26日正式使用Canva可画网页版对室徽进行重绘!还开放了名片模板?据了解,GalaxyStudio星河工作室室长于8月26日对使用Canva可画网页版室徽正式重绘!新室徽到底怎么样呢?让大家都来看看吧!怎么样?不错吧!对了!还有一个名片模板,想要使用的成员可以找QQ2789617......
  • 【C++STL基础入门】vector运算和遍历、排序、乱序算法
    @TOC前言C++标准库提供了丰富的容器和算法,其中vector是最常用的容器之一。它以动态数组的形式存储元素,并提供了许多方便的运算符和算法来操作和处理数据。本文将介绍vector的基本运算、遍历方法、排序算法以及乱序算法。通过学习这些内容,您将能够更加灵活、高效地使用vector容器。......
  • 梅科尔工作室-IoT-南向开发第四次培训笔记
    当使用MQTT协议进行开发时,以下是一些值得注意的方面:选择MQTT代理:MQTT代理是负责消息传递的中间件,你可以选择使用开源的MQTT代理,如EclipseMosquitto、EMQX等,或者使用云服务提供商的MQTT服务。定义主题(Topic)结构:在设计时,你需要合理地定义主题结构,以便发布者和订阅者可以有效地进行......
  • java.net.BindException: 地址已在使用
    java.net.BindException:地址已在使用,也可以说是端口被占用,通常出现在启动服务的时候。1、出错地方如图所示:2、执行netstat-alnp|grep81253、kill-9  1899   ......