Как реализовать круг с градусами на JS?

Хочу сделать что то похожее как на этом сайте
https://cssgradient.io/gradient-backgrounds/
Вот такой круг градусов который меняется от положения курсора.

введите сюда описание изображения

Как можно это реализовать?


Ответы (1 шт):

Автор решения: Zhihar

была тема "глаза, следящие за курсором"

Глаза, следящие за курсором на JS

по сути вам надо сделать тоже самое, только вместо того, чтобы менять позицию глаз выводить значение угла (который там также вычисляется)

т.е. алгоритм должен быть таким:

  1. определяете центр круга (определяете его границы и вычисляете центр)
  2. определяете положение курсора мыши в окне
  3. вычисляете угол (лучше использовать asin, acos, а не atan, чтобы не получить деление на 0 на некоторых углах)
  4. выводите положение стрелочки на круге (используя стиль трансформации поворота на нужный угол)
  5. выводите значение угла
→ Ссылка