getViewportForBounds()

このユーティリティは、指定された境界のビューポートを返します。これは、サーバー上の特定のノードセットのビューポートを事前に計算したり、ビューポートを直接変更せずに、指定された境界のビューポートを計算したりするために使用できます。

ℹ️

この関数は以前はgetTransformForBoundsと呼ばれていました

import { getViewportForBounds } from '@xyflow/react';
 
const { x, y, zoom } = getViewportForBounds(
  {
    x: 0,
    y: 0,
    width: 100,
    height: 100,
  },
  1200,
  800,
  0.5,
  2,
);

シグネチャ

名前	型	デフォルト
#パラメータ
#`bounds`	`Rect`
#`width`	`数値`
#`height`	`数値`
数値	`数値`
#`minZoom`	`数値`
数値	`数値`	`0.1`
#`maxZoom`
数値	`Viewport` #`padding?`

数値

#戻り値

ユーティリティ