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 変換されたビューポートのズームレベル。 |
|