主题切换
连接线编辑栏
连接线(Relationship Line)常用于跨分支的主题关联,可以帮助您直观建立非层级关系的视觉链接。
🔗 创建连接线
- 点击画布左侧工具栏的 「连接线」 图标(或按下键盘快捷键
L)。 - 在画布上依次点击 起点主题 和 终点主题。
- 两个主题之间将自动生成一条带箭头的连接曲线。您双击连接线可以输入关联文字。
🎨 属性配置(浮动编辑栏)
当您鼠标点击选中已存在的连接线时,系统会在旁边弹出专属的连接线编辑栏,支持以下高级设置:
1. 线型样式切换 🆕
为了更好地表达主题间的逻辑强度和连接性质,新版本支持三类主要线型切换:
- 实线 (Solid):默认样式,用于表达确定性的、明确的关联关系。
- 虚线 (Dashed):常用于表达间接影响、逻辑推导、临时计划等关系。
- 点线 (Dotted):用于表达参考关联、轻度提示、或待讨论的概念关联。
2. 手绘风与黑板粉笔质感 🆕
觉得标准的计算机线段过于冰冷坚硬?系统提供了极具个性的手绘艺术处理。
- 操作方式:在编辑栏中开启 「手绘风格」 开关。
- 视觉效果:线条会转换为带有自然起伏的手绘曲线,适合课堂板书、创意提案或长图分享。
3. 动态流动动画(动感流向) 🆕
为了让复杂的流程图或脑图“活起来”,您可以一键让连线变成流动动态线。
- 操作方式:在编辑栏开启 「流动动画」。
- 视觉体验:开启后,连接线上会显现出沿着逻辑箭头指向方向持续循环滚动的流动粒子或虚线。在展示复杂架构中的数据流走向、业务泳道步骤推进或资金链流动时,它能给观众极具动感的视觉引导。
4. 颜色与粗细
- 点击 「连线颜色」 可调出调色盘,为连线设置个性化的颜色(支持渐变色)。
- 点击 「连线粗细」 可调整线条的宽度分级。
5. 箭头的端点样式
- 支持自定义起点和终点的箭头形状(如实心三角、空心圆、实心圆点、斜切线等)以及箭头尺寸。
💡 连线高级渲染机制
FiaMind 在画布引擎的连接线绘制上进行了重大重构,带来了以下高品质体验:
🚫 智能避空与文字防穿透
为了彻底杜绝连线遮挡节点文字的“穿透杂乱”现象,系统引入了智能避空裁剪机制。无论您建立的是什么线型(直线、折线或高曲率贝塞尔曲线),在绘制经过父节点文字或大括号挂件时,系统会自动进行高精度矢量裁剪。这确保了连线末端自然衔接,绝不会出现线条穿过文字的尴尬情况。
🌀 贝塞尔控制点拖拽
选中连接线后,线条上会显现出蓝色的控制点手柄:
- 拖拽这些手柄可以自定义调整曲线的曲率与走向。
- 底层空间索引会实时依据起点、终点和控制点(4点极限)重算精确的包围盒(AABB),并智能重绘局部脏矩形。这杜绝了拖拽过程中的线条截断或像素残影遗留。
