【乐吾乐2D可视化组态编辑器】快捷键

快捷键

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

|-----------------------------|-----------------------------------------------------|
| 快捷键 | 描述 |
| 空格 + 鼠标拖拽 | 移动画布 |
| 鼠标右键拖拽 | 移动画布 |
| Ctrl + 滚轮 | 缩放画布 |
| Ctrl + 点击 Pen | 多选 |
| Ctrl + A | 全选 |
| Ctrl + C | 复制 |
| Ctrl + X | 剪切 |
| Ctrl + V | 粘贴,+alt视图中心粘贴,+shift原位粘贴 |
| Ctrl + Z | 撤销 |
| Ctrl + Y (或 Shift + Z) | 重做 |
| V | 钢笔绘画 |
| B | 铅笔绘画 |
| Enter | 画线中,完成画线;选中线,闭合连线 |
| Escape | 完成画线或退出其他模式 |
| 方向键 | 移动选中图形 (Ctrl - 移动 10 像素; Shift - 移动 5 像素;默认移动 1 像素) |
| H | 选中连线锚点时,添加手柄 |
| D | 选中连线锚点时,删除手柄 |
| A | 选中 Pen 时,添加锚点 |
| Alt | 长按会复制粘贴拖拽的pen |
| G | 鼠标移入节点锚点后,按下 G 进入移动瞄点状态,鼠标按下拖拽(或者方向键)都可以移动 |
| Delete (或 Backspace) | 删除选中节点 |
| M | 放大镜开关 |
| Ctrl + 拖拽节点四个角(resize) | 等比 resize 节点 |
| 线连接线时,按下 ctrl或alt | 合并成一条连线,丢失另外一条的属性和样式 |
| 选中线,移入线锚点,按下 S | 切割连线,成为两条连线 |
| Ctrl + Shift + 点击 | 选中组合中的子节点;若想要通过拖拽来更改子节点的大小与位置,注意更改子节点的 locked |
| 关闭自动锚点条件下,Ctrl+Shift+Alt+点击 | 添加锚点并连线 |
| L | moveConnectedLine:false时,长按允许拖动连线 |
| [ | 下一层 |
| ] | 上一层 |
| { | 置底 |
| } | 置顶 |

Shift 快捷键

|-----------|-------------|
| 状态 | 描述 |
| 编辑选中 Node | 显示水平垂直大小控制点 |
| 选中连线锚点 | 切换手柄类型 |

  • 画线过程中,点击alt键,可用于切换连线类型;当连线类型为直线时,按住shift控制直线水平,按住ctrl控制直线垂直,按住ctrl+shift,移动鼠标,直线会定位到距离最新的规则角度。
  • 拖动图元过程中,长按shift可以控制图元水平移动,长按ctrl可以控制图元垂直移动。
  • 拖动画布过程中,长按shift可以控制画布水平移动,长按ctrl可以控制画布垂直移动。
相关推荐
腾讯TNTWeb前端团队29 分钟前
helux v5 发布了,像pinia一样优雅地管理你的react状态吧
前端·javascript·react.js
范文杰4 小时前
AI 时代如何更高效开发前端组件?21st.dev 给了一种答案
前端·ai编程
拉不动的猪4 小时前
刷刷题50(常见的js数据通信与渲染问题)
前端·javascript·面试
拉不动的猪4 小时前
JS多线程Webworks中的几种实战场景演示
前端·javascript·面试
FreeCultureBoy5 小时前
macOS 命令行 原生挂载 webdav 方法
前端
uhakadotcom5 小时前
Astro 框架:快速构建内容驱动型网站的利器
前端·javascript·面试
uhakadotcom6 小时前
了解Nest.js和Next.js:如何选择合适的框架
前端·javascript·面试
uhakadotcom6 小时前
React与Next.js:基础知识及应用场景
前端·面试·github
uhakadotcom6 小时前
Remix 框架:性能与易用性的完美结合
前端·javascript·面试
uhakadotcom6 小时前
Node.js 包管理器:npm vs pnpm
前端·javascript·面试