Javascript 如何在画布中创建一个圆跟随路径？

我希望用户能够单击画布上的三个点，形成两条线段，每个点的位置有三个圆。当用户单击按钮时，在用户单击的第一个圆圈处会显示一个红色圆圈，然后按照用户绘制的路径进行操作。当它到达第二个圆圈，最后一个圆圈时，当它到达这些点时，会弹出某种形式的警报。

我不会为你做所有这些。然而，这是一个起点

1） 确保可以在画布中捕获鼠标事件。这个问题会让你开始

2） 理解您正在编码的问题。您需要这样的数据结构：

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

---

3） 每次用户单击时，更新

a

，然后更新

b

，然后更新

c

。到达

c

时，使用三角学为正在绘制的线设置动画。这可以通过

setTimeout

或

setInterval

完成。请显示一些您尝试的代码。