如何在HTML页面上绘制一条链接两个元素的行？

Question

我想动态地在HTML网页上画一条线来连接两个html元素，这些元素可以在html页面上移动。 这个动作类似于连接两个Rectangle的角度，如下所示：

有没有办法实现这个目标？

Answer 1

您可能希望查看本教程。本教程将教您如何通过HTML Canvas API绘制线条。

HTML5 Canvas Line Tutorial

  

要使用HTML5 Canvas绘制一条线，我们可以使用beginPath（），   moveTo（），lineTo（）和stroke（）方法。

     

首先，我们可以使用beginPath（）方法来声明我们的意思   画一条新路。接下来，我们可以使用moveTo（）方法来定位   上下文点（即绘制光标），然后使用lineTo（）   从起始位置到新的直线绘制方法   位置。最后，为了使线条可见，我们可以应用笔划   使用stroke（）的行。除非另有说明，否则为笔触颜色   被默认为黑色。

http://www.html5canvastutorials.com/tutorials/html5-canvas-lines/

Answer 2

您可以使用HTML5画布，但您必须对问题更加具体，以便我们为您提供进一步的帮助。