如何使用javascript在HTML画布上转到指向onmouseclick？

Question

因此，如果我在HTML5画布上绘制一个圆圈，我想制作它以便用户可以单击画布中的某个位置，并且给定半径的圆将逐渐移动到在画布上鼠标滑动的点。我知道jquery有animate函数，但由于画布没有DOM，我不知道如何实现这一点。

Answer 1

您需要在循环中连续重绘画布。画布只是一堆像素数据。如果你想要一些动画，你必须绘制每一帧。

首先将画布清除为白色（或任何其他颜色）。计算圆的新位置。画出来。等待很短的时间。重复。