jQuery Rotate, окружность, положение окружности

309

01 сентября 2017, 23:00

Всем привет, у меня есть круг, из 54 сегментов. Через jquery Rotate я кручу его и проблема возникла у меня с формулами по определению числа на котором остановился курсор. Всё никак не могу в формулах разобраться, кто-то может помочь?

$("#canvas").rotate({angle: 0, animateTo: 1000, duration: 10000});

Исходный код тут: https://jsfiddle.net/gbujhwuf/

Answer 1

Давай рассуждать логически Полный оборот круга имеет 360 градусов. Чтоб ты понимал полностью всю ситуацию, разберём её с нуля. Допустим у тебя в круге 360 сегментов → следовательно переход курсора к следующему сегменту будет будет равен 1 градусу. В твоём случае 54 сегмента, следовательно делим полный оборот круга на кол-во сегментов.

360/54=6.66

Шаг курсора на один сегменту будеи приблезительно равен 6.66 deg