如何在cytoscape.js中实现通过单击节点在两个节点之间添加边的功能？

<script src="https://unpkg.com/cytoscape/dist/cytoscape.min.js"></script>

<div id="cy"></div>

var cy = cytoscape({
  container: document.getElementById('cy'),
  elements: [], // 初始图形元素为空
  style: [ /* 样式定义 */ ],
  layout: { /* 布局设置 */ }
});

cy.add({
  data: { id: 'node1' }, // 节点ID
  position: { x: 100, y: 100 } // 节点位置
});

cy.add({
  data: { id: 'node2' },
  position: { x: 200, y: 200 }
});

cy.on('tap', 'node', function(event){
  var targetNode = event.target;
  
  // 判断是否已经存在边连接两个节点
  if(cy.$('edge[source="' + targetNode.id() + '"][target="node1"]').length === 0){
    // 添加边连接两个节点
    cy.add({
      data: {
        id: 'edge' + targetNode.id(),
        source: targetNode.id(),
        target: 'node1'
      }
    });
  }
});