Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Перемещение объекта (https://javascript.ru/forum/misc/70398-peremeshhenie-obekta.html)

Nailya 02.09.2017 14:15

Перемещение объекта
 
Добрый день!

Есть вот такая картинка:


Задачи следующие:

1) Нужно при захвате мышкой по стрелке крутить её по оси на 180 градусов, от желтого края до синего края дуги

2) При клике по радуге нужно, чтобы стрелка указывала на это место

Подскажите, где копать?

void() 02.09.2017 18:51

Думаю это будет не просто.

1. Создать два вектора. Первый вектор - координаты мыши. Второй вектор - координаты стрелки.

2. Далее вычитаем вектор стрелки из вектора мыши и считаем тангенс угла из результата вычитания. Получаем направление, в котором нужно повернуть стрелку. Что уже как бы легче.

3. Дальше можно попробовать transform rotate для стрелки.

Rasy 02.09.2017 19:10

Если размер самого объекта 180пкс - то можно обойтись без математики.

рони 02.09.2017 19:21

Nailya,
https://javascript.ru/forum/jquery/6...tml#post404719


Часовой пояс GMT +3, время: 04:43.