JavaScript is required

活动地点编辑

元素连线编辑

演示连线编辑功能,用于交互式修改连线属性、形状和连接。

元素连线编辑

功能概述

此示例演示如何启用连线编辑功能,允许用户交互式修改连线属性、形状和连接。

核心特性实现

连线编辑配置

通过编辑控制器启用连线编辑:

<RGSlotOnView>
    <RGEditingLineController />
</RGSlotOnView>

连线选择

单击以选中连线进行编辑:

const onLineClick = (lineObject: RGLine, linkObject: RGLink) => {
    graphInstance.setEditingLine(lineObject);
};

创意使用场景

  • 流程设计:动态修改工作流连接
  • 电路设计:调整电气连接
  • 网络规划:更新网络拓扑
  • 数据流:修改管道连接
  • 思维导图:重新构思想法关系