Чем генерировать SVG-анимацию?

Question

[Оптимус Пьян]

Пример codepen.io/FabioG/pen/MaZpJp
Понятно что за анимацию отвечает блок

<svg viewBox="0 0 3387 1270">
<path id="planePath" class="planePath" d="M-226 626c439,
4 636,-213 934,-225 755,-31 602,769 1334,658 562,-86 668,
-698 266,-908 -401,-210 -893,189 -632,630 260,441 747,
121 1051,91 360,-36 889,179 889,179" />

Очевидно цифры не руками прописывают...
С помощью какого ПО генерируют такие последовательности для анимации объектов, написания текста и т.д.?

Answer 1

[Ярослав Иванов]

https://svg-edit.github.io/svgedit/releases/svg-ed...
А вообще в любом svg редакторе а потом переводите в html

Comments

[Максим]

path для анимации это же обычный polyline ?

[Ярослав Иванов]

Максим Ленский: c svg мало знаком. Я и в path через редактор и вручную делал фигуры.

[Максим]

Ярослав Иванов: я тоже рисую обычно на листе бумаги и потом уже перевожу в теги svg , я лично только про path узнать ... лан спс

[Ярослав Иванов]

Максим Ленский: В чем разница SVG path d="" и -webkit-clip-path? я как-то вопрос задавал про path.

Answer 2

[Николай]

Вот редактор простенький появился на днях на бета тестировании: ссылочка, попробуй)