參考元件

元件

<Background />

Background 元件可以方便地渲染節點式 UI 中常見的不同類型的背景。它帶有三種變體:線條、點和十字。

閱讀更多

<BaseEdge />

BaseEdge 元件在內部用於所有邊緣。它可以用於自訂邊緣內部,並為您處理不可見的輔助邊緣和邊緣標籤。

閱讀更多

<Controls />

Controls 元件會渲染一個小面板,其中包含方便的按鈕,用於放大、縮小、調整視圖和鎖定視口。

閱讀更多

<EdgeLabelRenderer />

邊緣是基於 SVG 的。 如果您想渲染更複雜的標籤,可以使用 EdgeLabelRenderer 元件來存取基於 div 的渲染器。 這個元件是一個入口,會在邊緣頂部的 div 中渲染標籤。

閱讀更多

<MiniMap />

MiniMap 元件會渲染您的流程的概觀。 它會將每個節點渲染為 SVG 元素,並視覺化目前的視口相對於流程其餘部分的所在位置。

閱讀更多

<NodeResizer />

NodeResizer 元件可用於將調整大小功能新增到您的節點。 它會在節點周圍渲染可拖曳的控制項,以在所有方向調整大小。

閱讀更多

<Panel />

Panel 元件可協助您將內容放置在視口上方。 它在內部由 MiniMap 和 Controls 元件使用。

閱讀更多