javascript - Js如何在圆的边缘画线？

Question

我有问题，在两个圆圈之间画线。

主要问题是线条被绘制到 div 的正方形，而不是用边界半径定义的圆。

在下面的代码笔中，您可以看到框 E 是方形的，并且线一直延伸，但是，对于圆圈 F，它没有到达。

似乎如果 div 与 x 或 y 对齐，则间隙小于直接在角落中说的。

https://codepen.io/crankd-media/pen/poebQGM

var c1 = new Connector(
  {
    ele1: start, 
    ele2: end, 
  }
);

这条线指向 div 的正方形，而不是圆的半径：

圆圈也需要是透明的，所以不能走到中间。

标签： javascripthtmlcss