draw.io 增加了更多连接线的动画样式。你可以用这些动画来展示流程图、供应链、电路图、PERT 图表等需要显示方向的图形。
如何给连接线添加动画：
-
选择连接线
- 点选一条或多条连接线。
- 若想全选，右键点击空白处，选择“选择边”。
-
开启动画
- 在右侧“样式”面板中，勾选“流动动画”。
动画样式设置：
你可以根据需要调整连接线的动画方式：
✅ 动画速度（Flow Duration）
- 默认值是 500。
- 数值越大，动画越慢。
- 数值越小，动画越快。
✅ 动画节奏（Flow Timing）
- 有多种动画节奏：Linear（线性，默认）、Ease、Ease-in、Ease-out、Ease-in-out。
- 不同节奏适合展示等待或批处理等流程。
✅ 动画方向（Flow Direction）
- 默认是从起点到终点（Normal）。
- 也可以改成 Reverse（反向）、Alternate（来回）、Alternate-Reverse（反向来回）。
更多连接线样式设置：
- draw.io 支持丰富的线条样式、弯曲方式和箭头形状（如 UML、SysML 专用箭头）。
- 在“样式”面板中调整这些设置。
小技巧：
-
复制样式：
- 选中一个连接线 → 点击“复制样式” → 选中其他连接线 → 点击“粘贴样式”。
-
设置默认样式：
- 设置好一个连接线样式后，点击“设为默认样式”。以后新画的连接线都会用这个样式。
-
快捷键：
- 使用 draw.io 的快捷键可以更快绘图。
