Connection Path

Rete.js plugin

import ConnectionPathPlugin from 'rete-connection-path-plugin';

editor.use(ConnectionPathPlugin, {
    type: ConnectionPathPlugin.DEFAULT, // DEFAULT or LINEAR transformer
    transformer: () => ([x1, y1, x2, y2]) => [[x1, y1], [x2, y2]], // optional, custom transformer
    curve: ConnectionPathPlugin.curveBundle, // curve identifier
    options: { vertical: false, curvature: 0.4 }, // optional
    arrow: { color: 'steelblue', marker: 'M-5,-10 L-5,10 L20,0 z' }
});

| Property | Description | Optional | |---|---|---| | type | Type of built-in transformer | + | | transformer | Custom transformer | + | | curve | any curve from d3-shape | + | | options | { vertical: Boolean, curvature: Number } | + | | arrow | Boolean or { color, marker: /* path d attribute */ } | + |