Viewport

GitHubでソースを見る

内部的には、React Flow はページ全体とは独立した座標系を維持します。Viewport 型は、そのシステム内でフローが現在表示されている場所と、ズームインまたはズームアウトの程度を示します。

export type Viewport = {
  x: number;
  y: number;
  zoom: number;
};

フィールド

#x
number
#y
number
#zoom
number

注釈

  • Transform にはビューポートと同じプロパティがありますが、異なるものを表します。混乱させないように注意してください。そうしないと、見た目が奇妙になり始めます!