O
O
Optimus2017-03-26 18:52:32
SVG
Optimus, 2017-03-26 18:52:32

How to generate SVG animation?

Example codepen.io/FabioG/pen/MaZpJp
It is clear that the block is responsible for the animation

<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" />

Obviously, numbers are not written by hand ...
With the help of what software are such sequences generated for animating objects, writing text, etc.?

Answer the question

In order to leave comments, you need to log in

3 answer(s)
Y
Yaroslav Ivanov, 2017-03-26
@space2pacman

https://svg-edit.github.io/svgedit/releases/svg-ed...
In general, in any svg editor and then translate into html

S
Stepan Gervik, 2017-03-26
@gervik_s

Hands and only) This is not some simple html

N
Nikolay, 2017-03-26
@nickolyashka

Here is an unpretentious editor appeared the other day on beta testing: link , try it)

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question