跳到主要内容

箭头

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 命令。