0

How do you animate SVG like this?

I just made my first SVG code. I'm wondering if we can animate it this way: umm... like... draw like a pencil. Example, if I had a line from top to bottom drawn, animate it so it starts from top and draw that line down. In this case I drew a 4. It starts from right -> left -> top -> bottom. How do I animate it drawing like that https://code.sololearn.com/WHgm8RlVGdr2/?ref=app

9th Nov 2019, 3:48 PM
Ginfio
Ginfio - avatar
2 odpowiedzi
+ 2
This article explains how you can animate drawing the line, it relies on a trick involving dashed lines. Pretty cool one! https://css-tricks.com/svg-line-animation-works/
9th Nov 2019, 4:53 PM
Tibor Santa
Tibor Santa - avatar
+ 1
Tibor Santa Thanks. that helped.
9th Nov 2019, 5:09 PM
Ginfio
Ginfio - avatar