【乐吾乐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可视化

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

相关推荐
jktantan8 小时前
Vue keep-alive 切标签后滚动位置回顶?因为 onDeactivated 里读到的 scrollTop 是 0
前端·javascript·vue.js
2601_962885729 小时前
quotes 字段全解:涨跌幅、振幅、换手率的口径与单位
java·前端·spring
excel9 小时前
encodeURI 和 encodeURIComponent 有什么区别?
前端
前端精髓9 小时前
调用openrouter的免费API模型
java·前端·javascript
赛博守夜人9 小时前
AI安全攻防与治理之十四:AI 安全测试不能脱离传统安全,Web、API、移动端与模型攻击面的组合拳
前端·人工智能·安全
开开心心_Every10 小时前
快速隐藏程序工具自定义快捷键一键切换
java·开发语言·前端·spring·智能手机·word·intellij-idea
networknomad10 小时前
OpenReplay:自己搭的会话回放工具,给前端排错用的
前端·其他
缓慢更新11 小时前
AI 辅助生成单测:从接口定义到用例的流水线
java·服务器·前端·网络·数据库·人工智能
陈随易11 小时前
AI 运维服务器,安全又可靠的方法
前端·后端·程序员
风骏时光牛马12 小时前
AI稳定性治理体系构建与疑难问题深度分析
前端