Viewport

GitHub 上的源代码 

¥Source on GitHub 

在内部，React Flow 维护一个独立于页面其余部分的坐标系。Viewport 类型告诉你你的流程当前在系统中的哪个位置显示以及放大或缩小的程度。

¥Internally, React Flow maintains a coordinate system that is independent of the rest of the page. The Viewport type tells you where in that system your flow is currently being display at and how zoomed in or out it is.

export type Viewport = {
  x: number;
  y: number;
  zoom: number;
};

字段

¥Fields

注释

¥Notes

• Transform 具有与视口相同的属性，但它们代表不同的东西。确保不要混淆它们，否则事情会开始变得奇怪！

  ¥A Transform has the same properties as the viewport, but they represent different things. Make sure you don’t get them muddled up or things will start to look weird!