getTransformForBounds()

Githubでのソース

⚠️

この関数は非推奨となり、React Flow 12で削除されます。getViewportForBoundsを代わりに使用してください。

このユーティリティは、指定された境界に合わせるためにビューポートをどのように設定する必要があるかを教えてくれます。これは、サーバー上のノードのセットに対してビューポートを事前に計算したり、ビューポートを直接変更せずに、指定された境界のビューポートを計算したりするために使用できます。

import { getTransformForBounds } from 'reactflow';
 
const transform = getTransformForBounds(
  {
    x: 0,
    y: 0,
    width: 100,
    height: 100,
  },
  1200,
  800,
  0.5,
  2,
);

署名

#パラメータ
#bounds
Rect
#width
number
#height
number
#minZoom
number
#maxZoom
number
#padding?
number
0.1
#戻り値
#[0]
number
変換されたビューポートのx位置。
#[1]
number
変換されたビューポートのy位置
#[2]
number
変換されたビューポートのズームレベル。

注記

  • これはかなり低レベルなユーティリティです。fitViewまたはfitBoundsメソッドの方が実用的なAPIかもしれません。
  • この関数がgetTransformと呼ばれているのは…歴史的な理由からです。その戻り値の型は、タプル形式のViewportを表します。