Всем привет. Буду рад помощи. Может кто-то хорошо разбирается в свг.
Есть свг-изображение волны. Внутри свг волна разделена на четыре слоя, каждый слой это отдельный path, который находится внутри элемента <g> на который накладывается эффект. Концы волны закреплены. Есть задача проанимировать небольшие колебания этой волны в верх вниз, без четко обозначенной высоты - легкие колебания, при движении мышки по секции. Я вычисляю центр секции, определяю на сколько процентов отклонился от центра курсор, получая число от -1 (100% влево) до 1 (100% вправо), передаю его компоненте волны и волна меняет свой градиент, смещается размытие, точка индикатор на линии по середине -это есть, но с пространственными колебаниями проблема. Какие параметры нужно взять для совершения этих колебаний? На данный момент, единственный способ который я вижу, нужно по движению мышки менять аттрибут d внутри каждого path, но я не понимаю как. Возможно, есть какие-то библиотеки которые возьмут код из path и превратят его в более простой, с какими-то основными точками, которые я смогу привязать к проценту сдвига? Может какие-то другие варианты как?