Как сделать круглую шкалу рейтинга на svg или canvas?

Нужно сделать шкалу рейтинга в виде окружности, которая будет заполняться цветом пропорционально числу до 10, число будет передаваться, например, через data атрибут.
383f344d9b454e63b0e4608796f0a143.jpg
Подскажите как сделать? Может есть готовые плагины?
  • Вопрос задан
  • 861 просмотр
Решения вопроса 1
HamSter007
@HamSter007
HTML/CSS верстальщик
Ищите circle countdown в гугле

knob
codepen svg
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
AloneCoder
@AloneCoder
[object Object]
Ответ написан
Комментировать
Clever_Coyote
@Clever_Coyote
Codepen
Когда-то делал через канву
Ответ написан
Комментировать
@MGames
Frontend developer
Можно через dashoffset
Codepen
Пример грубый, но принцип понятен
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы