getTransformForBounds()
⚠️
この関数は非推奨となり、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] | number変換されたビューポートのx位置。 | |
# [1] | number変換されたビューポートのy位置 | |
# [2] | number変換されたビューポートのズームレベル。 | |