参考工具

getViewportForBounds()

Github 上的源代码

此工具返回给定边界的视口。 你可以使用它在服务器上预先计算一组节点的视口,或计算给定边界的视口 *而不* 直接更改视口。

import { getViewportForBounds } from '@xyflow/svelte';
 
const { x, y, zoomn } = getViewportForBounds(
  {
    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
#返回值
#viewport
Viewport
变换后的视口 (`{ x: number, y: number, zoom: number }`)。

注意

  • 这是一个非常低级的工具。 你可能想查看 fitViewfitBounds 方法以获得更实用的 API。