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

相关文章

使用Python实现IP地址和端口状态检测与监控

《使用Python实现IP地址和端口状态检测与监控》在网络运维和服务器管理中,IP地址和端口的可用性监控是保障业务连续性的基础需求,本文将带你用Python从零打造一个高可用IP监控系统,感兴趣的小伙... 目录概述:为什么需要IP监控系统使用步骤说明1. 环境准备2. 系统部署3. 核心功能配置系统效果展

使用Java将各种数据写入Excel表格的操作示例

《使用Java将各种数据写入Excel表格的操作示例》在数据处理与管理领域,Excel凭借其强大的功能和广泛的应用,成为了数据存储与展示的重要工具,在Java开发过程中,常常需要将不同类型的数据,本文... 目录前言安装免费Java库1. 写入文本、或数值到 Excel单元格2. 写入数组到 Excel表格

redis中使用lua脚本的原理与基本使用详解

《redis中使用lua脚本的原理与基本使用详解》在Redis中使用Lua脚本可以实现原子性操作、减少网络开销以及提高执行效率,下面小编就来和大家详细介绍一下在redis中使用lua脚本的原理... 目录Redis 执行 Lua 脚本的原理基本使用方法使用EVAL命令执行 Lua 脚本使用EVALSHA命令

Java 中的 @SneakyThrows 注解使用方法(简化异常处理的利与弊)

《Java中的@SneakyThrows注解使用方法(简化异常处理的利与弊)》为了简化异常处理,Lombok提供了一个强大的注解@SneakyThrows,本文将详细介绍@SneakyThro... 目录1. @SneakyThrows 简介 1.1 什么是 Lombok?2. @SneakyThrows

使用Python和Pyecharts创建交互式地图

《使用Python和Pyecharts创建交互式地图》在数据可视化领域,创建交互式地图是一种强大的方式,可以使受众能够以引人入胜且信息丰富的方式探索地理数据,下面我们看看如何使用Python和Pyec... 目录简介Pyecharts 简介创建上海地图代码说明运行结果总结简介在数据可视化领域,创建交互式地

Java Stream流使用案例深入详解

《JavaStream流使用案例深入详解》:本文主要介绍JavaStream流使用案例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录前言1. Lambda1.1 语法1.2 没参数只有一条语句或者多条语句1.3 一个参数只有一条语句或者多

Java Spring 中 @PostConstruct 注解使用原理及常见场景

《JavaSpring中@PostConstruct注解使用原理及常见场景》在JavaSpring中,@PostConstruct注解是一个非常实用的功能,它允许开发者在Spring容器完全初... 目录一、@PostConstruct 注解概述二、@PostConstruct 注解的基本使用2.1 基本代

C#使用StackExchange.Redis实现分布式锁的两种方式介绍

《C#使用StackExchange.Redis实现分布式锁的两种方式介绍》分布式锁在集群的架构中发挥着重要的作用,:本文主要介绍C#使用StackExchange.Redis实现分布式锁的... 目录自定义分布式锁获取锁释放锁自动续期StackExchange.Redis分布式锁获取锁释放锁自动续期分布式

springboot使用Scheduling实现动态增删启停定时任务教程

《springboot使用Scheduling实现动态增删启停定时任务教程》:本文主要介绍springboot使用Scheduling实现动态增删启停定时任务教程,具有很好的参考价值,希望对大家有... 目录1、配置定时任务需要的线程池2、创建ScheduledFuture的包装类3、注册定时任务,增加、删

快速修复一个Panic的Linux内核的技巧

《快速修复一个Panic的Linux内核的技巧》Linux系统中运行了不当的mkinitcpio操作导致内核文件不能正常工作,重启的时候,内核启动中止于Panic状态,该怎么解决这个问题呢?下面我们就... 感谢China编程(www.chinasem.cn)网友 鸢一雨音 的投稿写这篇文章是有原因的。为了配置完