【乐吾乐2D可视化组态编辑器】连线

1 连线的绘制

1.1 钢笔绘制连线

1.1.1 曲线、线段、直线、脑图曲线

开始:单击左键

暂停:单击右键 或 enter

结束:esc

乐吾乐2D可视化组态编辑器demo:https://2d.le5le.com/

1.1.2 横线

按下快捷键shift,点击鼠标左键绘制,右键结束绘制(连线类型选择直线)

1.1.3 竖线

按下快捷键ctrl,点击鼠标左键绘制,右键结束绘制(连线类型选择直线)

1.1.4 斜线

连线类型选择直线,选择钢笔,鼠标左键点击绘制起点,按住快捷键ctrl+shift,鼠标移动角度(以15°为递增角度),左键单击绘制第二个点,右键结束绘制

1.2 连接绘制连线

1.2.1 曲线
1.2.2 线段
1.2.3 直线
1.2.4 脑图曲线

2 连线变节点

连线变成节点、节点变成连线:右键

3 切割/合并连线

切割连线:选中线,移入线锚点,按下 S

合并连线:线连接线时,按下 alt

4 连线样式

设置连线的外观样式:

线条样式:实线、虚线

连线类型:曲线、折现、直线

连接样式:斜角、圆角、默认

线条渐变:无、线性渐变

线条颜色、浮动颜色、选中颜色

线条宽度

背景:纯色背景、线性渐变、径向渐变

背景颜色、浮动背景颜色、选中背景颜色

透明度:0-1

锚点颜色、锚点半径(≥0)

阴影颜色、阴影模糊、阴影X偏移、阴影Y偏移

变宽颜色、边框宽度(≥0)

4.1 用连线绘制管道

方式一:线性渐变外观

外观--线条渐变--线性渐变--线性渐变颜色

案例地址:乐吾乐2D可视化

方式二:连线边框+透明度

案例:用连线丰富的外观属性,绘制武地铁线路图demo

案例地址:乐吾乐2D可视化

起点样式

终点样式

线宽

5 连线动画

动画效果:水流、水珠流动、圆点

动画线宽(≥0),动画颜色,动画速度,反向流动,循环次数

下个动画:tag,自动播放,保持动画状态,线性播放:是/否

案例:连线动画常常用于展示管道水流/能源等流动方向

案例地址:乐吾乐2D可视化

视频教程:用连线绘制管道效果

相关推荐
app出海创收老李4 分钟前
海外独立创收日记(4)-第一笔汇款
前端·后端·程序员
Takklin4 分钟前
React JSX 转换原理与 GSR 实现解析
前端·react.js
苏打水com22 分钟前
字节跳动前端业务:从「短视频交互」到「全球化适配」的技术挑战
前端·音视频
又是忙碌的一天30 分钟前
前端学习 JavaScript
前端·javascript·学习
Jagger_1 小时前
Cursor + Apifox MCP:告别手动复制接口,AI 助你高效完成接口文档开发
前端
IT_陈寒1 小时前
Redis性能优化:5个被低估的配置项让你的QPS提升50%
前端·人工智能·后端
Hilaku1 小时前
重新思考CSS Reset:normalize.css vs reset.css vs remedy.css,在2025年该如何选?
前端·css·代码规范
BingeBlog2 小时前
[01] Qt的UI框架选择和对比
开发语言·c++·笔记·qt·ui·开源软件
袁煦丞2 小时前
一图看懂Docker管理 Portainer:cpoar内网穿透实验室第652个成功挑战
前端·程序员·远程工作
右子2 小时前
微信小程序开发“闭坑”指南
前端·javascript·微信小程序