drawio连接线使用技巧和功能大全

2023-11-11 18:36

本文主要是介绍drawio连接线使用技巧和功能大全,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

drawio连接线使用技巧和功能大全

drawio是一款强大的图表绘制软件,支持在线云端版本以及windows, macOS, linux安装版。 如果想在线直接使用,则直接输入网址draw.io或者使用drawon(桌案), drawon.cn内部完整的集成了drawio的所有功能,并实现了云端存储,以及在线共创,分享,协作的功能。

使用连接线

连接线就是链接图形的线条,这些线条也可以一端或者两端都有线条。你可以设置它的端子是否带线条。

在drawio中,有两种类型的连接线。

浮动连接线和固定连接线

  • 浮动连接线,会围绕着图形的周长移动

  • 固定连接线,附着在图形固定的点上

连接线可以一端是固定的,一端是浮动的,或者两端十同一类型的连接类型。

增加一个浮动连接线

  1. 鼠标悬浮在已经存在的连接线上,会出现四个方向的箭头,向任意一个你想要绘制的方向拽动。

  2. 悬浮划过目标图形, 当图形轮廓变绿时,放下连接线

浮动连接线,在两个图形之间, 会以最短的路径绘制。除非你增加航点,手动的改变连接器的路径(下面将介绍更多的航点相关知识)。

增加一个固定的连接线

  1. 鼠标悬浮在图形上, 就会看到固定的连接点——他们看起来像十字架。

  2. 鼠标悬浮在一个连接点上,点击拖拽一个连接线出来。

  3. 鼠标再旋放在目标图形上, 当出现高亮且变绿时,放置,会把连接点连接到固定的连接点

你能够在任何图形之内的除过固定点的任何区域,创建一个固定的连接点。

当你在画布区域移动或旋转图形时, 固定连接线会保持吸附在相对的位置。

技巧:点击出现的方向箭头会快速的连接到附近最近的目标图形上。

  • 在图形上编辑固定连接点

  • 让浮动连接线依附在与其最近的固定连接点上

  • 自定义图形,拥有不同的连接点

  • 学会如何使用航点改变连接线的路径

自动的链接图形

drawio编辑器能够自动的以多种方式增加连线,当你在画布上增加图形时

拷贝和链接图形:点击图形出现方向箭头,点击指向空白区域的方向箭头,选择一个图形,添加并连接它。

拖拽放置一个图形:从图形库中拽出一个图形,划过目标图形,放置在某个方向箭头上,则会自动与目标图形连接。

在连接线上增加标签

连接线有三种标签——一个放置在中间,连接线两头分别一个。

双击连接线的任意位置,可以在该位置添加标签。

标签会随着你移动图而在画布上移动, 但是你也可以单独拖拽标签到其他位置

  • 如果要手动的拖动标签,则点击标签,待中间出现一个菱形,颜色为黄色,则拖拽它到新的位置,可以改变位置。

在连接线上使用航点

连接线会使用航点作为连接线在两个图形之间连线的锚点。 这些航点以抓手的方式显示。

当你要确保连接线在特定的位置时,航点是至关重要的。 尤其是对于浮动连接线, 缺省状态是以最短,最直接的路径绘制的。

想要增加或移除航点,并改变连接线的路径, 拽出一段连接线到一个新的位置使得它采用不同的路径重新绘制。 航点会被自动的增加或移除。

手动添加航路点

给连接线添加航路点,有以下几种方法

  • 右键单击连接线, 从上下文菜单中选中添加航路点。

  • 点击两端分别连接的连接线,可以把连接线拖拽到任何一个位置。

  • 选择连接线, 拽蓝色的手柄, 当你移动连接线时, 新的航路点自动的被添加。

手动移除航路点

移除航路点,使用如下其中之一的方法

  • 选择一个连接线, 把它拽回原来的位置,相对应的航路点,则会被自动删除

  • 选择连接线, 右键点击其中一个航路点, 在弹出的上下文菜单中选择移除航路点。

如果要移除所有的航路点,右键单击连接线,在上下文菜单中选择清除航路点,则清除所有航路点。

技巧:你可以反转连接线的源端和目标端(以及他们的标签), 并且可以通过调整图形标签页水平或垂直翻转连接线。

注意:当你水平或垂直翻转连接线时, 航路点也会被移动,当连接线再次吸附到图形上时,则航路点会自动被删除。

移动连接线到图形之前或者之后

直接移动连接线向前或者向后

  1. 选择一个或多个连接线

  2. 点击 向前 或者向后,就会直接的把选中的连接线设置为当前所有图形或连接线的前面或后面。

移动连接线向前或向后

  1. 选择一个连接线,或者一组连接线或图形。

  2. 点击向前,或者向后, 会把选中的连接线向前或者向后,一次移动一个图形。

连接线风格选项

你可以使用很多不同的方式设置连接线的风格

  • 改变线的颜色, 透明度, 宽度, 以及模式。

  • 设置连接线的弯曲程度,可以选择尖锐,圆形,弯曲。

  • 可以有很多种不同的自动布线航路风格选择。

  • 在图形的边界外开始或结束连接线,或在图形内偏移连接线。

  • 可以设置交叉线,重叠线处的表现方式,可以跳过其他连接线或选择其他交叉风格。

  • 可以以随意的草图风格绘制连接线, 使用或者不适用阴影。

想要改变一个连接线的风格,选择连接线, 在格式面板的风格标签页,或者工具栏上,选择属性设置。

这篇关于drawio连接线使用技巧和功能大全的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/392058

相关文章

Java中流式并行操作parallelStream的原理和使用方法

《Java中流式并行操作parallelStream的原理和使用方法》本文详细介绍了Java中的并行流(parallelStream)的原理、正确使用方法以及在实际业务中的应用案例,并指出在使用并行流... 目录Java中流式并行操作parallelStream0. 问题的产生1. 什么是parallelS

Linux join命令的使用及说明

《Linuxjoin命令的使用及说明》`join`命令用于在Linux中按字段将两个文件进行连接,类似于SQL的JOIN,它需要两个文件按用于匹配的字段排序,并且第一个文件的换行符必须是LF,`jo... 目录一. 基本语法二. 数据准备三. 指定文件的连接key四.-a输出指定文件的所有行五.-o指定输出

Linux jq命令的使用解读

《Linuxjq命令的使用解读》jq是一个强大的命令行工具,用于处理JSON数据,它可以用来查看、过滤、修改、格式化JSON数据,通过使用各种选项和过滤器,可以实现复杂的JSON处理任务... 目录一. 简介二. 选项2.1.2.2-c2.3-r2.4-R三. 字段提取3.1 普通字段3.2 数组字段四.

Linux kill正在执行的后台任务 kill进程组使用详解

《Linuxkill正在执行的后台任务kill进程组使用详解》文章介绍了两个脚本的功能和区别,以及执行这些脚本时遇到的进程管理问题,通过查看进程树、使用`kill`命令和`lsof`命令,分析了子... 目录零. 用到的命令一. 待执行的脚本二. 执行含子进程的脚本,并kill2.1 进程查看2.2 遇到的

详解SpringBoot+Ehcache使用示例

《详解SpringBoot+Ehcache使用示例》本文介绍了SpringBoot中配置Ehcache、自定义get/set方式,并实际使用缓存的过程,文中通过示例代码介绍的非常详细,对大家的学习或者... 目录摘要概念内存与磁盘持久化存储:配置灵活性:编码示例引入依赖:配置ehcache.XML文件:配置

Java 虚拟线程的创建与使用深度解析

《Java虚拟线程的创建与使用深度解析》虚拟线程是Java19中以预览特性形式引入,Java21起正式发布的轻量级线程,本文给大家介绍Java虚拟线程的创建与使用,感兴趣的朋友一起看看吧... 目录一、虚拟线程简介1.1 什么是虚拟线程?1.2 为什么需要虚拟线程?二、虚拟线程与平台线程对比代码对比示例:三

k8s按需创建PV和使用PVC详解

《k8s按需创建PV和使用PVC详解》Kubernetes中,PV和PVC用于管理持久存储,StorageClass实现动态PV分配,PVC声明存储需求并绑定PV,通过kubectl验证状态,注意回收... 目录1.按需创建 PV(使用 StorageClass)创建 StorageClass2.创建 PV

Redis 基本数据类型和使用详解

《Redis基本数据类型和使用详解》String是Redis最基本的数据类型,一个键对应一个值,它的功能十分强大,可以存储字符串、整数、浮点数等多种数据格式,本文给大家介绍Redis基本数据类型和... 目录一、Redis 入门介绍二、Redis 的五大基本数据类型2.1 String 类型2.2 Hash

Redis中Hash从使用过程到原理说明

《Redis中Hash从使用过程到原理说明》RedisHash结构用于存储字段-值对,适合对象数据,支持HSET、HGET等命令,采用ziplist或hashtable编码,通过渐进式rehash优化... 目录一、开篇:Hash就像超市的货架二、Hash的基本使用1. 常用命令示例2. Java操作示例三

Linux创建服务使用systemctl管理详解

《Linux创建服务使用systemctl管理详解》文章指导在Linux中创建systemd服务,设置文件权限为所有者读写、其他只读,重新加载配置,启动服务并检查状态,确保服务正常运行,关键步骤包括权... 目录创建服务 /usr/lib/systemd/system/设置服务文件权限:所有者读写js,其他