如何用 d3.js 在两个圆之间拖拽出一条连线？

Question

demo 在这里，我想当左边的圆发生 drag 事件的时候产生一条线，然后 dragend 到右边的圆的时候这条线连接到右边的圆。目前就是可以产生线，但这条线无法在 dragEnd 到右边圆的时候到右边的圆，怎么做呢

Answer 1

function dragEnd(d) {
  console.log(d3.event.sourceEvent.target)
  /* line.remove() */
  const rightNodes = right.nodes()
}

把line.remove()去掉，不知道是不是楼主想要的

Answer 2

已经获取到target元素，就可以判断结束位置是否是circle元素。不是则调用line.remove()删掉

Answer 3

楼主demo源码可以放在github上嘛