在 JointJs 中，如何在类似于 3ds max 创建图的元素之间建立链接？

Question

我有一个 JointJs 图表。我希望图表中元素之间的链接如下所示：

我们开箱即用，而不是直线。

基本上，箭头在它们与目标相交的点处是水平的，并且平滑地弯曲。

如何做到这一点？

Answer 1

链接连接器是您正在寻找的东西。

你调整特定的链接：

link.set('connector', { name: 'normal' });
link.set('connector', { name: 'smooth' });
link.set({name : 'rounded', args:{radius: 50}});

或者您可以为图表中的所有链接设置默认值

var paper = new joint.dia.Paper({
        width: 800,
        height: 800,
        gridSize: 1,
        model: graph,
        defaultConnector: {
            name: 'smooth'
        }
    });