如何在画布上设置圆形路径？

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