javascript - Draw2D : How to use a port as source/target for more than one connection?

Question

因此，我正在尝试将我的类(class)作为个人项目构建，我决定使用 Draw2D，因为我认为它非常完整。我将类(class)表示为矩形并在它们之间设置连接以显示哪些类(class)是其他类(class)的先决条件，如下所示:

我遇到的问题是，当试图使同一个端口成为两个连接的源时，它只需要一个而忽略另一个。有任何想法吗？下面是一个快速示例:

$(window).load(function () {
    // Create the paint area. The id in the constructor must be
    // an existing DIV 
    var canvas = new draw2d.Canvas("gfx_holder");

    // create and add two nodes which contains Ports (In and OUT)
    var start = new draw2d.shape.node.Hub();
    var startLocator = new draw2d.layout.locator.BottomLocator(start);
    var startLocator2 = new draw2d.layout.locator.BottomLocator(start);

    var startPort = start.createPort("output", startLocator);
    var end   = new draw2d.shape.node.End();
    var end2   = new draw2d.shape.node.End();

    canvas.addFigure( start, 400,100);
    canvas.addFigure( end, 200,150);
    canvas.addFigure( end2, 600,150);

    var c = new draw2d.Connection();
    c.setTargetDecorator(new draw2d.decoration.connection.ArrowDecorator());
    c.setSource(startPort);
    c.setTarget(end.getInputPort(0));
    canvas.addFigure(c);


    var c2 = new draw2d.Connection();
    c2.setTargetDecorator(new draw2d.decoration.connection.ArrowDecorator());
    c2.setSource(startLocator2);
    c2.setTarget(end2.getInputPort(0));
    canvas.addFigure(c2);
});

Answer 1

我怀疑您的问题出在 setSource 函数调用上。

c.setSource(startPort);
c2.setSource(startLocator2);

一个好像是指定端口，另一个是定位器。