@dragonesis

Каким образом и через что можно морфировать svg вслед за курсором мыши?

Добрый день. Интересует решение такой задачи:
Есть полуовал, пока сделан на свг, а там посмотрим. При наведении мыши, активируется плагин, который будет морфировать свг при изменении положения курсора, до определенного придела, после которого полуовал будет возвращаться в исходное положение.
Пока, что, все плагины которые нашел, работают с двумя вариантами свг: исходное и конечное.
  • Вопрос задан
  • 230 просмотров
Пригласить эксперта
Ответы на вопрос 1
mudrenokanton
@mudrenokanton
frontend dev
Обычно такие штуки пишут на canvas, многовато математики в 1 фрейм для dom объектов.
Но в целом все плагины так и должны работать. Они принимают shape до и после. От вас требуется вычислить в нужный промежуток времени только shape после. По факту при движении мышкой вы тяните за 1-3 ближайшие вершины, можете их координаты и менять.
Я бы наверно 1 раз посчитал shape в максимальной растяжке строго по оси, а потом бы вращал его за курсором с нужным растяжением.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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