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 }`)。

注記

  • これはかなり低レベルのユーティリティです。より実用的な API については、fitView メソッドまたは fitBounds メソッドを参照してください。