nicolasfeyer / connection-plugin

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Rete connection plugin

Rete.js plugin

Install

import ConnectionPlugin from 'rete-connection-plugin';

editor.use(ConnectionPlugin);

Events

editor.on('connectionpath', data => {
    const {
        points, // array of numbers, e.g. [x1, y1, x2, y2]
        connection, // Rete.Connection instance
        d // string, d attribute of <path>
    } = data;

    data.d = `M ${x1} ${y1} ${x2} ${y2}`; // you can override the path curve
});
editor.on('connectiondrop', io /* Input or Output */ => {
    // triggered when the user drops picked connection
});
editor.on('connectionpick', io /* Input or Output */ => {
    // triggered when the user tries to pick a connection
    // you can prevent it
    return false;
});

editor.trigger('resetconnection'); // reset pseudo connection

About


Languages

Language:TypeScript 94.8%Language:JavaScript 3.2%Language:Sass 2.0%