LogicFlow

# 连线上插入节点

# 功能

拖动节点到连线中间，自动成为连线中间的点。 举例：存在一条节点A到节点B的折线E，拖拽一个节点N到折线E上，当节点N的中心点恰好在折线E的路径上时松开鼠标，这时节点N就成为A与B的中间节点，原来的连线E被删除，生成两条新的折线，分别是A到N，N到B。示例如下。

# 支持

目前仅支持折线

# 使用

import LogicFlow from '@logicflow/core';
import { InsertNodeInPolyline } from '@logicflow/extension';
import '@logicflow/extension/lib/style/index.css'
LogicFlow.use(InsertNodeInPolyline);

# 个性化配置

节点拖拽分为2种情况：

  • 第一种是从控制面板拖拽到画布中，调用Dnd的Api进行节点添加，本插件默认支持。关闭此功能设置如下：
    InsertNodeInPolyline.dndAdd = false;
  • 第二种是画布中的游离节点，即与其他节点没有连线的节点，拖拽调整位置到连线上，本插件默认支持。关闭此功能设置如下：
    InsertNodeInPolyline.dropAdd = false;

← 使用指南 →