如何「製作」2個圓圈並在它們之間「畫」線？與jQuery

-3

我想讓用戶能夠做出圓圈，當他點擊鼠標「onClick」，並用jQuery在他們之間畫出一條直線？如何「製作」2個圓圈並在它們之間「畫」線？與jQuery

即時通訊做Dijkstra最短路徑算法的可視化，所以我需要畫界稱爲「節點」和直線的「路徑」 ..所以我需要最簡單的方法，以使該請。

在此先感謝:)

2014-01-13 Omar Ahmed

顯示您迄今爲止所嘗試的內容。 – Khamidulla

做兩個圈子怎麼樣？在畫布上？使用WebGL？用divs？請多解釋一下。 – mjkaufer

你如何用jQuery畫線？你甚至知道jQuery是什麼？ –

您可以使用HTML5 Canvas來繪製不同的對象。您可以按照此處找到的教程中的說明進行操作 - http://www.html5canvastutorials.com/tutorials/html5-canvas-circles/。

它解釋了有關畫圓，線，你需要的一切主要的和基本的位。這是繪製HTML + JS最簡單的方法。在這種情況下，您根本不需要jQuery（也許只是在頁面上查找canvas元素）。

2014-01-13 00:53:39

是的，它回答瞭如何繪製循環，但我認爲這是主題問題的最小問題。 –

我認爲這是他的主要目標，說實話:-)。它會指向正確的方向。 –

但我需要稍後使用它們來計算他繪製的線條的長度。所以這將足夠了嗎？如果是的話，是否有任何代碼做這樣的或類似的？ –

回答