如何在画布中使用圆圈跟踪路径？

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

完成