Как оживить SVG?

Question

[DarkHoIe]

Здравствуйте. Нашел пример

Возможно ли таким образом анимировать такую svg

<svg width="1440" height="768" viewBox="0 0 1440 768" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M-83.6143 -168.119C-83.6143 -168.119 -28.2399 30.8053 74.4593 88.0896C221.086 169.876 364.03 -134.373 489.568 -22.8989C541.227 22.9737 522.397 86.2632 573.454 132.805C668.648 219.579 808.738 68.6733 902.337 157.164C984.353 234.705 886.122 360.221 967.307 438.631C1076.34 543.937 1234.26 326.531 1354.83 418.414C1480.33 514.051 1274.03 778.862 1427.47 815.613C1487.58 830.013 1584.35 794.881 1584.35 794.881" stroke="#979F79" stroke-width="2"/>
</svg>

Спасибо!

Answer 1

[Karpion]

Я как-то не очень в теме, но мне кажется - в исходном примере картинка не задана какими-то координатами, а рисуется из программы. Так что сначала надо решить, по какой формуле должна рисоваться Ваша картинка, т.е. по какой формуле должны меняться координаты точек.

Comments

[DarkHoIe]

Скорее всего. Для того чтобы моя линия "волнилась", нужно переписывать координаты всех точек?

[Karpion]

Ну, в некоторых векторных форматах данных - бывает возможность задать относительные координаты. Тогда можно изменить только одну базовую координату - и все, кто ссылаются на неё, тоже сдвинутся. В примере с синусоидой - достаточно сдвигать её по горизонтали.