如何制作＆＃34; 2圈和＆＃34;画＆＃34;他们之间的界限？用jQuery

Question

我想让用户点击鼠标“onClick”时能够创建圆圈，并使用jQuery在它们之间画一条直线？

我正在进行Dijkstra最短路径算法可视化，所以我需要将圆形绘制为“节点”，将直线绘制为“路径”..所以我需要最简单的方法来制作它。

提前感谢：）

Answer 1

您可以使用HTML5 Canvas绘制不同的对象。您可以按照此处教程中的说明进行操作 - http://www.html5canvastutorials.com/tutorials/html5-canvas-circles/。

它解释了绘制圆，线，所需的一切的主要和基本部分。这是用HTML + JS绘制的最简单方法。在这种情况下你根本不需要jQuery（也许只是为了在页面上找到canvas元素）。