如何在畫布上設置圓形路徑？

Question

我希望用戶能夠點擊畫布上的三個點，以形成兩個線段，每個用戶點擊三個圓圈。當用戶點擊一個按鈕時，會在用戶點擊的第一個圓圈出現紅色圓圈，然後跟隨用戶繪製的路徑。當它到達第二圈，最後到達最後一圈時，一旦達到這些點，就會彈出某種形式的警報。

Answer 1

我不會爲你做所有這些。但是，這是一個起點

1）確保您可以捕獲畫布中的鼠標事件。這個問題會讓你開始Html5 canvas and jquery

2）瞭解你正在編碼的問題。你需要的數據結構，像這樣：

points{ 
    a : {x : None, y : None}, 
    b : {x : None, y : None}, 
    c : {x : None, y : None} 
}; 

3）每次用戶點擊，更新a，然後b，然後c。當你到達c時，使用三角函數來繪製正在繪製的線條的動畫。這可以使用setTimeout或setInterval