Javascript Js如何画到圆边缘的线?

Javascript Js如何画到圆边缘的线?,javascript,html,css,Javascript,Html,Css,我有问题,在两个圆圈之间画线 主要问题是,这些线绘制到div的正方形,而不是用边界半径定义的圆 在下面的代码笔中,您可以看到方框E是方形的,直线一直延伸,但圆F无法到达 如果div与x或y对齐,则间隙似乎小于直接在一个角上的间隙 直线指向div的平方,而不是圆半径: 圆也需要透明,所以不能到中间。嗨,使用剪辑路径生成形状。@YashMaheshwari我已经尝试过了,但仍然没有成功,谢谢你的想法,这正是我们想要的。我们需要浏览器读取为圆形。 var c1 = new Connector(

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

主要问题是,这些线绘制到div的正方形,而不是用边界半径定义的圆

在下面的代码笔中,您可以看到方框E是方形的,直线一直延伸,但圆F无法到达

如果div与x或y对齐,则间隙似乎小于直接在一个角上的间隙

直线指向div的平方,而不是圆半径:


圆也需要透明,所以不能到中间。

嗨,使用
剪辑路径
生成形状。@YashMaheshwari我已经尝试过了,但仍然没有成功,谢谢你的想法,这正是我们想要的。我们需要浏览器读取为圆形。
var c1 = new Connector(
  {
    ele1: start, 
    ele2: end, 
  }
);