在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'
        }
    });