Как сделать CANVAS анимацию?

Друзья, нужна помощь с CANVAS, анимация простая, круг с обводкой в процентном соотношении.

Анимация

5cff84de3dd9d239897252.gif


C canvas крайне плохо знаком, и вроде код выкроил, который отвечает за эту анимацию, но все равно не работает, подскажите, что не так? В какую сторону копать?

Мой код
  • Вопрос задан
  • 86 просмотров
Решения вопроса 2
Пригласить эксперта
Ответы на вопрос 2
shpaker
@shpaker
Вольный хлебопашец
Там есть методы для отрисовки дуг.

arc(x, y, radius, startAngle, endAngle, anticlockwise)
arcTo(x1, y1, x2, y2, radius)

Вот так например окружность можно набросать:

ctx.beginPath();
    ctx.arc(75,75,50,0,Math.PI*2,true);
    ctx.stroke();


Вот так дугу:

ctx.beginPath();
    ctx.arc(75,75,35,0,Math.PI,false);  // рот (по часовой стрелке)
    ctx.stroke();


Дерзайте ;)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Cryptopay Санкт-Петербург
от 150 000 ₽
GXB Development Йошкар-Ола
от 60 000 до 160 000 ₽
22 февр. 2020, в 10:30
200 руб./за проект
22 февр. 2020, в 08:44
3000 руб./за проект
22 февр. 2020, в 08:13
100 руб./за проект