getViewportForBounds()

此实用程序返回给定边界的视口。你可以使用它来预先计算服务器上给定一组节点的视口，或者计算给定边界的视口，而无需直接更改视口。

¥This util returns the viewport for the given bounds. You might use this to pre-calculate the viewport for a given set of nodes on the server or calculate the viewport for the given bounds without changing the viewport directly.

Note

此函数以前称为 getTransformForBounds

¥This function was previously called getTransformForBounds


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

签名

¥Signature

Parameters:

Name	Type	Default
`bounds`	`Rect` Bounds to fit inside viewport.
`width`	`number` Width of the viewport.
`height`	`number` Height of the viewport.
`minZoom`	`number` Minimum zoom level of the resulting viewport.
`maxZoom`	`number` Maximum zoom level of the resulting viewport.
`padding`	`Padding` Padding around the bounds.

Returns:

A transformed Viewport that encloses the given bounds which you can pass to e.g. setViewport .

Name	Type
`x`	`number`
`y`	`number`
`zoom`	`number`

注释

¥Notes

这是一个相当底层的实用工具。你可能需要查看 fitView 或 fitBounds 方法以获得更实用的 api。

¥This is quite a low-level utility. You might want to look at the fitView or fitBounds methods for a more practical api.