组件

<Background />

Background 组件方便地渲染基于节点 UI 中常见的不同类型的背景。它有三种变体：线条、点和交叉。

BaseEdge 组件在内部用于所有边。它可以在自定义边内部使用，并为您处理不可见的辅助边和边标签。

ControlButton 组件用于为 Controls 组件渲染自定义/附加按钮。

Controls 组件渲染一个小的面板，其中包含方便的按钮，用于放大、缩小、适合视图和锁定视窗。

边是基于 SVG 的。如果您想渲染更复杂的标签，可以使用 EdgeLabelRenderer 组件来访问基于 div 的渲染器。此组件是一个门户，它将标签渲染到位于边顶部的 div 中。

Edge Label 组件可用于向边添加标签。

Handle 组件在您的自定义节点中使用，以定义连接点。

MiniMap 组件渲染流程的概述。它将每个节点渲染为一个 SVG 元素，并可视化当前视窗相对于流程其余部分的位置。

NodeResizer 组件可用于向节点添加调整大小功能。它在节点周围渲染可拖动的控件，以便在所有方向上调整大小。

要创建自己的调整大小 UI，可以使用 NodeResizeControl 组件，您可以在其中传递子元素（例如图标）。

NodeToolbar 组件可用于在节点的一侧显示工具栏，或显示工具提示。

Panel 组件帮助您将内容定位在视窗上方。它在内部由 MiniMap 和 Controls 组件使用。