如何更改JsPlumb中的源锚起始位置？

Question

我正在使用jsPlumb开发一个应用程序。目前，如果我创建一个形状，它会将该形状放在画布的左上角。如果我从源点连接到目标点，它就工作了。

现在，我想在右键单击并从源连接到目标的位置创建形状。我能够在右键单击的位置创建形状。

但是，如果我从一个源拖动到另一个目标，源锚点就不是从源开始的。相反，它从左上角开始。在下面的屏幕截图中，我想从“项目”拖到“无状态”形状。

还有一件事是，如果我拖动“项目”形状，endpoint将正确地从源开始。

Answer 1

我已经解决了这个问题。之前，代码中的if块（1）位于代码（2）下方。这就是为什么即使形状移动到了新位置，锚的起始位置也没有移动。只要我将if块（1）移动到（2）上方，jsPlumb就会了解形状的位置以及锚的起点位置。

因此，如果要移动形状，应在将形状位置告知JSP之前进行移动。

    if (!!shape.location) { ------------------------------------> 1)
        domEl.style.left = shape.location.left + 'px';
        domEl.style.top = shape.location.top + 'px';
    }

    this.jsPlumbInstance.draggable(domEl, {
        // to contain the shape within the canvas
        // containment: true
    });

    this.jsPlumbInstance.makeSource(domEl, { ----------------------2)
        filter: '.cp',
        anchor: ['AutoDefault'],
        connectorStyle: {
            stroke: '#181919',
            strokeWidth: 2,
            outlineStroke: 'transparent',
            outlineWidth: 4
        }
    });