5

JointJs で、ポートを持つ devs.Model オブジェクトへのリンクをプログラムで作成しようとしています。

API ( http://jointjs.com/api#joint.dia.Graph:addCell )からグラフに addCell を使用しようとしましたが、何らかの理由で、作成されたリンクが正しいポート サークルを指していません。ソースとターゲットの devs.Model オブジェクトではなく、要素全体です。

使用しようとしているコードは次のとおりです。

var link = new joint.dia.Link({
      source: {
        id: srcModel.id,
        port: 'out'
      },
      target: {
        id: dstModel.id,
        port: 'in'
      }
    });
// Assume graph has the srcModel and dstModel with in and out ports.
graph.addCell(link)

リンクは作成されていますが、ポートを指していないため、これらのリンクを機能させるために必要な微調整が 1 つだけあるように感じます。

4

2 に答える 2

2

joint.shapes.devs.Link の joint.dia.Link を変更するだけです:

  var link = new joint.shapes.devs.Link({
     source: {
       id: srcModel.id,
       port: 'out'
     },
     target: {
       id: dstModel.id,
       port: 'in'
     }
   });
  // Assume graph has the srcModel and dstModel with in and out ports.
  graph.addCell(link)
于 2014-07-28T18:02:22.107 に答える
0

コネクタとルーターを追加します。例：

var link = new joint.shapes.devs.Link({
   source: {
     id: srcModel.id,
     port: 'out'
   },
   target: {
     id: dstModel.id,
     port: 'in'
   },
  connector: { name: 'rounded' },
  router: { name: 'metro' }
});
graph.addCell(link);
于 2016-03-10T05:07:04.653 に答える