两个盒子之间的指引线请问怎么实现?

Question

请问图中这种对应关系的指引线怎么实现，右边的盒子可能会有好几个，怎样动态的和左边的盒子建立指引线的联系？请了解的大佬给个实现的思路和方法

Answer 1

1. 计算两个盒子的中心点

2. 用伪元素画一个 <div> ，用它的某个边框作为连线

3. 用三角函数计算盒子的位置，放过去