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

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

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

使用连接线

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

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

浮动连接线和固定连接线

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

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

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

增加一个浮动连接线

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

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

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

增加一个固定的连接线

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

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

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

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

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

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

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

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

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

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

自动的链接图形

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

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

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

在连接线上增加标签

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

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

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

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

在连接线上使用航点

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

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

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

手动添加航路点

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

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

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

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

手动移除航路点

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

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

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

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

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

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

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

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

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

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

移动连接线向前或向后

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

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

连接线风格选项

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

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

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

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

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/168255.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

使用Redis实现文章阅读量、收藏、点赞数量记录功能

目录 一、前言二、业务分析三、Redis数据结构选择分析和实现3.1、三个数据缓存都分别使用 字符串 结构计数器存储对应数量值3.2、三个数据缓存使用一个 Hash 结构存储3.3、阅读量使用字符串结构计算器,收藏和点赞分别使用 Set 集合存储 四、总结 一、前言 在博客中会…

排序算法的空间复杂度和时间复杂度

一、排序算法的时间复杂度和空间复杂度 排序算法 平均时间复杂度 最坏时间复杂度 最好时间复杂度 空间复杂度 稳定性 冒泡排序 O(n) O(n) O(n) O(1) 稳定 直接选择排序 O(n) O(n) O(n) O(1) 不稳定 直接插入排序 O(n) O(n) O(n) O(1) 稳定 快速排序 O(n…

《研发效能(DevOps)工程师》课程简介(五)丨IDCF

由国家工业和信息化部教育与考试中心颁发的职业技术证书,也是国内首个研发效能(DevOps)职业技术认证,内涵1000页学习教材2000分钟的课程内容讲解460多个技术知识点300多道练习题。 在这里,你不仅可以了解到华为、微软、…

在新的服务器上成功安装mysqlclient的方法【解决No matching distribution found for mysqlclient的问题】

前言:在某台Centos服务器上安装mysqlclient时一直报下面的错: WARNING: Discarding https://mirrors.aliyun.com/pypi/packages/6a/91/bdfe808fb5dc99a5f65833b370818161b77ef6d1e19b488e4c146ab615aa/mysqlclient-1.3.0.tar.gz#sha25606eb5664e3738b28…

【C语言 | 基础】计算机的位(bit)、字节(Byte)、字(word)、双字(DWord)、四字(QWord)分别代表什么

😁博客主页😁:🚀https://blog.csdn.net/wkd_007🚀 🤑博客内容🤑:🍭嵌入式开发、Linux、C语言、C、数据结构、音视频🍭 🤣本文内容🤣&a…

Markdown使用教程

这里写自定义目录标题 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants 创建一个自定义列表如何创建一个…

centos k8s安装dapr

文章目录 安装helm更新helm库初始化dapr高可用方式安装 卸载dapr验证k8s的dapr安装rocketmq总结 安装helm 三个包放到一个目录下 chmod x get ./get helm version更新helm库 helm repo add dapr https://dapr.github.io/helm-charts/ helm repo update helm search repo dapr …

拍摄视频的时候相机断电导致视频文件损坏,怎么修复

3-4 现在好多人都有自己的相机,但是专业用来录像的机器应该是不太可能都有的,相机的稳定性会比专业的机器差一些,如果用于比较重要的场景,比如婚庆、会议录像、家庭录像使用等,有较少的概率会出现一些奇怪的情况&…

拓扑排序软件设计——ToplogicalSort_app(含有源码、需求分析、可行性分析、概要设计、用户使用手册)

拓扑排序软件设计 前言1. 需求分析2. 可行性分析2.1 简介2.2 技术可行性分析2.2.1 技术实现方案2.2.2 开发人员技能要求2.2.3 可行性 2.3 操作可行性分析2.4 结论 3. 项目报告3.1 修订历史记录3.2 软硬件环境3.3 需求分析3.4 详细设计3.4.1 类设计3.4.2 核心流程描述3.4.3 核心…

CSS特效第一弹:右上角tag标志纯代码前端实现(非图片)

😎效果: 🤷‍♂️思路: 分为2个部分: 1.文字方块右下角折角 文字方块用绝对定位z-index让文字方块悬浮在右上角的位置 2.右下角折角通过before伪元素border属性实现(三角形实现方法) 👍核心代…

Nignx及负载均衡动静分离

目录 一.Nginx负载均衡 1.1.下载 1.2.安装 1.3.负载均衡 二.前端部署 2.1. 准备工作 2.2.部署 好啦今天就到这里了哦!!!希望能帮到你哦!!! 一.Nginx负载均衡 1.1.下载 输入命令 : cd javaCloudJun/…

Android 13.0 Settings主页面去掉FocusRecyclerView相关功能

1.前言 在13.0的系统rom产品定制化开发中,在系统Settings主页面的主菜单中,在测试某些功能的时候,比如开启护眼模式和改变系统密度会在主菜单第一项的网络菜单头部增加 自定义您的设备和设置护眼模式时间安排 等等相关的设置模块 这对于菜单布局显示相当不美观,所以根据系…