Viewport
内部的には、React Flow はページ全体とは独立した座標系を維持します。Viewport
型は、そのシステム内でフローが現在表示されている場所と、ズームインまたはズームアウトの程度を示します。
export type Viewport = {
x: number;
y: number;
zoom: number;
};
フィールド
名前 | 型 |
---|---|
# x | number |
# y | number |
# zoom | number |
注釈
Transform
にはビューポートと同じプロパティがありますが、異なるものを表します。混乱させないように注意してください。そうしないと、見た目が奇妙になり始めます!