Как использовать JavaScript, чтобы получить круг на холсте HTML, чтобы переместить курсор мыши?

Question

Поэтому, если я рисую круг на холсте HTML5, я хочу сделать так, чтобы пользователь мог щелкнуть где-нибудь на холсте, и круг заданного радиуса будет постепенно перемещаться к точке, нажатой мышью на холсте. Я знаю, что jquery имеет функцию animate, но поскольку у canvas нет DOM, я не уверен, как этого добиться.

Answer 1

Вам нужно будет постоянно перекрашивать холст в цикле. Холст - это просто набор данных пикселей. Если вы хотите что-то оживить, вы должны нарисовать каждый кадр.

Сначала очистите холст от белого (или любого другого цвета). Рассчитайте новую позицию для круга. Нарисуй это. Подождите немного времени. Повторите.