欢迎光临散文网 会员登陆 & 注册

reactflow Nodes节点类型

2023-08-27 16:31 作者:苏雅安雅  | 我要投稿

reactflow 节点分3种

  1. Nodes,节点

  2. Edges,连线,边

  3. Handle 手柄


Handle 手柄

<Handle />

image.png

EdgeLabelRenderer

image.png

NodeToolbar 节点工具栏

<NodeToolbar /> 节点工具栏

image.png

NodeResizer 缩放节点

<NodeResizer /> 缩放节点NodeResizeControl 自定义缩放节点

NodeResizer.jpg

Component 辅助组件

Background

<Background /> 背景可以设置多个背景组合在一起

image.png

dots 小点点

image.png

lines 方格

image.png

corss 十字星

image.png

Controls

<Controls /> 控制器

image.png

MiniMap

<MiniMap /> 缩略图

image.png

Panel

<Panel /> 面板,帮助器组件

image.png


Controls 控制器MiniMap 迷你地图Background 背景网格

image.png

nodes节点操作

connectEnd 创建节点

适用场景,Treehttps://reactflow.dev/docs/examples/nodes/add-node-on-edge-drop

image.png

更新节点信息

https://reactflow.dev/docs/examples/nodes/update-node

image.png

自定义节点

https://reactflow.dev/docs/examples/nodes/custom-node/

image.png

缩放节点

https://reactflow.dev/docs/examples/nodes/node-resizer/


旋转节点

https://reactflow.dev/docs/examples/nodes/resize-rotate/


delete删除节点

https://reactflow.dev/docs/examples/nodes/delete-middle-node/


group分组

https://reactflow.dev/docs/examples/nodes/dynamic-grouping/

image.png

shapes 自定义形状

https://reactflow.dev/docs/examples/nodes/shapes/

image.png



reactflow Nodes节点类型的评论 (共 条)

分享到微博请遵守国家法律