React Flow 的默认平移和缩放行为受到了滑动地图的启发。你可以通过拖动来平移，通过滚动来缩放。你可以使用所提供的 props 轻松定制这种行为。

• panOnDrag：默认值：true
• selectionOnDrag：默认值：false（自 11.4.0 起可用）
• panOnScroll：默认值：false（覆盖 zoomOnScroll）
• panOnScrollSpeed：默认值：0.5
• panOnScrollMode：默认值："free"。free（所有方向）、"vertical"（仅垂直）或 "horizontal"（仅水平）
• zoomOnScroll：默认值：true
• zoomOnPinch：默认值：true
• zoomOnDoubleClick：默认值：true
• preventScrolling：默认值：true（阻止浏览器滚动行为）
• zoomActivationKeyCode：默认值："Meta"
• panActivationKeyCode：默认值："Space"（自 11.4.0 起可用）

默认视图控制

如上所述，默认控制方式为：

• pan（平移）：拖动鼠标
• zoom（缩放）：滚动
• 创建选区：Shift + 拖动

类似 Figma 的视口控件

如果你更喜欢 figma/sketch/design 工具控件，可以设置 panOnScroll={true} 和 selectionOnDrag={true}：

• pan（平移）：Space + 拖动鼠标、滚动、鼠标中键或右键
• zoom（缩放）：俯仰或 cmd + 滚动
• 创建选区：拖动鼠标

在此示例中，我们还设置了 selectionMode={SelectionMode.Partial}，以便将仅部分选中的节点添加到选区中。