跳到主要内容

箭头

Mind Elixir 支持在思维导图中添加箭头,如下图所示:

RootChild 1Child 2Child 3Child 4ArrowArrow2

箭头数据

export type Arrow = {
id: string;
label: string;
from: Uid;
to: Uid;
delta1: {
x: number;
y: number;
};
delta2: {
x: number;
y: number;
};
bidirectional?: boolean;
};

箭头数据包含以下字段:

  • id: 唯一 id
  • label: 显示的文本
  • from: 起始节点 id
  • to: 目标节点 id
  • delta1: 起始节点的控制点偏移量
  • delta2: 目标节点的控制点偏移量
  • bidirectional: 是否双向箭头

控制点是指箭头二次贝塞尔曲线的控制点,通过调整控制点的偏移量可以调整箭头的形状。可以参考 SVG Path 的 C 命令