⚙️ 参数设置
| 管道直径 | 5 ~ 400 px (粗细可调) |
|---|---|
| 管道颜色 | 拾色器 + 吸管工具取色 |
| 管道材质 | 钢材 · 铜材 · 塑料 · 混凝土 · 玻璃 |
| 管道长度 | 10 ~ 3000 px (实时拖拽绘制) |
🔥 钢材
🔶 铜材
♻️ 塑料
🧱 混凝土
🔮 玻璃
💡 材质技巧：材质影响高光、对比度和底色，建议先选材质再微调颜色，效果更真实。
🎮 交互 & 快捷键
Shift + G
→ 立即绘制
F
正交锁定(水平/垂直)
G
三维锁定(轴测方向)
ESC
取消/退出绘制
Ctrl+V
复制管道
Alt+A
阵列管道
右键
编辑管道属性
左键拖拽
移动/调整终点
🧠 小提示：绘制时按住 Shift 可临时启用正交约束 (F键) 或轴测约束 (G键)，松开后恢复自由角度。
📐 绘制操作（三步成管）
- 1 启动工具 – 点击顶部「绘制管道」按钮或按 Shift+G 进入绘制模式。
- 2 设置起点 – 在画布任意位置 左键单击，确定管道起点（轴线起始点）。
- 3 确定终点 & 完成 – 按住左键拖动鼠标，预览轴线会实时跟随；松开左键即生成管道。 也可拖动后 右键单击 快速完成当前管道。
✨ 辅助锁定：启用正交锁定 (F) 后管道只能水平/垂直延伸；启用三维锁定 (G) 后沿 30°/150°等轴测方向移动，适合制作管线布局。
🧪 实时预览 & 材质效果
示例管道 (钢材质感)
⬤ 直径24px
▬ 长度可变
⛭ 渐变圆柱
管道支持实时调整直径、长度、材质与颜色。通过右键菜单可打开高级属性面板，修改后画布立即刷新，所见即所得。
🎨 颜色联动 – 更换材质时自动匹配经典色（铜色、钢灰色、玻璃蓝等），也可手动选择任意RGB颜色。
✏️ 编辑与高级操作
🖱️ 右键属性编辑
右键点击已绘制的管道 → 弹出「管道属性编辑」对话框，可调整直径、颜色、材质、长度，确认后实时生效。
🔄 变换与复制
管道支持移动、旋转、缩放 (个体/集体中心模式)。使用 Ctrl+V 复制或 Alt+A 阵列，快速生成管线网络。
📦 锁定与层级
可锁定管道避免误操作，也支持置顶/置底调整图层顺序，便于复杂场景布局。
📌 注意事项
- 管道本质是div模拟圆柱，支持圆角与渐变，缩放时立体感保持。
- 长度修改时起点（左端）固定，终点随长度变化，方便对齐。
- 大量密集管道可能略微影响性能，建议使用阵列时控制数量。
- 玻璃材质带有模糊和反射效果，在深色背景下更通透。
🚀 效率技巧
- Shift+G 跳过参数面板直接绘制，使用当前预设参数。
- 配合「正交锁定」快速搭建厂房管线，配合「阵列」制作等距管道排布。
- 管道与矩形、圆形组合可设计工业UI或科技风示意图。
- 利用右键编辑面板的实时预览，微调直径获得完美粗细。
⚙️ 参数面板速查 (管道参数设置)
| 控制项 | 默认值 | 说明 |
|---|---|---|
| 管道直径 | 20px | 滑块+数字框同步，范围5~400px |
| 管道颜色 | #969696 | 点击色块取色，支持吸管工具 |
| 材质预设 | 钢材 | 钢材/铜材/塑料/混凝土/玻璃，改变材质自动适配颜色和纹理 |
| 长度 | 100px | 拖拽中动态变化，也可在面板输入精确数值 |
⭐ 在绘制模式下，可通过「管道参数设置」面板实时改变当前管道参数，新绘制的管道将使用最新参数。