组件

<Background />

Background 组件方便您渲染节点化 UI 中常见的不同类型背景。它有三种变体：线条、点和十字。

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

您可以通过使用 ControlButton 组件向控制面板添加按钮，并将其作为子元素传递给 Controls 组件。

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

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

您可以使用 EdgeText 组件作为辅助组件，在自定义边中显示文本。

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

MiniMap 组件可用于呈现流程的概览。它将每个节点渲染为 SVG 元素，并可视化当前视窗在流程中的位置。

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

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

NodeToolbar 组件可以将工具栏或工具提示渲染到自定义节点的一侧。该工具栏不会随视窗缩放，因此内容始终可见。

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

<ViewportPortal 组件可用于向与渲染节点和边的流程相同的视窗添加组件。当您想要渲染自己的组件以符合与节点和边相同的坐标系并受缩放和平移影响时，这很有用。