search

maxwellito / vivus-instant

Single page app to create independent stroke animated SVGs
325 stars 41 forks source link

Create SVG on Adobe Illustrator #17

Open chiaralogan opened 4 years ago

chiaralogan commented 4 years ago

Hi! I've a problem that I can't solve. I'm trying to export SVG for Vivus from Adobe Illustrator, I've tried all possible options but Visus does not animate the SVG. I can't understand where the error is, can you help me please? Thanks, have a nice day! :)

maxwellito commented 4 years ago

Hi there,

Can you please share your SVG? :) Also, to remind you, vivus animate stroke based SVG. So if your SVG is only made of filled shapes, no animation will happen.

chiaralogan commented 4 years ago

Hi, this is one of the millions of tests that I do ;) prova 5.svg.zip

maxwellito commented 4 years ago

Yes, that's what I was afraid of. Your SVG doesn't use strokes, but filled shapes. Vivus animate lines (or shape borders if you prefer).

Here is one of the shape of your SVG You can see your shapes are filled, but no stroke.

Screen Shot 2020-07-08 at 11 40 47

Here is of the edited SVG In this case the shapes are using strokes, no filling

Screen Shot 2020-07-08 at 11 42 13

Here is the edited SVG if you want to play with it and see the difference. prova 5.svg.zip

You can also play with the SVG used for the manual tests of Vivus

I hope this helps :)