参考实用程序getTransformForBounds()

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。
实用程序