Как реализовать круг с градусами на JS?
Хочу сделать что то похожее как на этом сайте
https://cssgradient.io/gradient-backgrounds/
Вот такой круг градусов который меняется от положения курсора.
Как можно это реализовать?
Ответы (1 шт):
Автор решения: Zhihar
→ Ссылка
была тема "глаза, следящие за курсором"
Глаза, следящие за курсором на JS
по сути вам надо сделать тоже самое, только вместо того, чтобы менять позицию глаз выводить значение угла (который там также вычисляется)
т.е. алгоритм должен быть таким:
- определяете центр круга (определяете его границы и вычисляете центр)
- определяете положение курсора мыши в окне
- вычисляете угол (лучше использовать
asin,acos, а неatan, чтобы не получить деление на 0 на некоторых углах) - выводите положение стрелочки на круге (используя стиль трансформации поворота на нужный угол)
- выводите значение угла
