在svg中创建两个对象之间的线

Question

如何在两个对象之间创建线条/路径。路径/线的起点和终点不应该在相应对象的中心处开始/结束。下面我附上了样本截图。我需要计算在任何位置找到红线的逻辑。黑线是错误的。

它纯粹基于SVG而不是html元素。

提前致谢

Answer 1

我发现解决方案没有使用任何基于以下给定网址的库。

网址1：How to find the intersection point between a line and rectangel

网址2：Calculating the intersection of two lines