在角度6中，如何通过使用鼠标绘制线来动态连接两个div元素（我将其称为“绘制鼠标事件”）

Question

我想在两个div元素之间画一条线以连接它们。我使用过canvas，但是它在canvas上的任何地方绘制了线条，而不必在两个div之间。如何知道div的坐标或尺寸以绘制有效线。我已经提到了此链接。 https://medium.com/@tarik.nzl/creating-a-canvas-component-with-free-hand-drawing-with-rxjs-and-angular-61279f577415

我想要角度6的代码，请帮助。