メインコンテンツまでスキップ

矢印

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: 双方向矢印かどうか

コントロールポイントは、矢印の2次ベジェ曲線のコントロールポイントを指します。コントロールポイントのオフセットを調整することで、矢印の形状を調整できます。詳しくはSVG Pathの C コマンドを参照してください。