Page 1 of 1

Export self contained animated SVG

PostPosted: Mon Oct 07, 2024 5:53 pm
by Morné Erasmus
Hi

I'd like to import an SVG in Fusion, animate the path thickness, colour, scale etc then export back out as a self contained SVG. Can this be done with Fusion Studio?

Re: Export self contained animated SVG

PostPosted: Mon Oct 07, 2024 5:55 pm
by Pieter Van Houte
Nope.

Re: Export self contained animated SVG

PostPosted: Mon Oct 07, 2024 6:02 pm
by KrunoSmithy
You can import SVG's and you can animate the graphics, but I don't think there is a direct way to export it back as animation in that format. Not sure about some custom scripts or something.

Curious, what is the end goal you are going for? What is the animation for? How will it be used?

There are other formats that of course support animation, so what will you do with this thing you animated?

Re: Export self contained animated SVG

PostPosted: Mon Oct 07, 2024 6:12 pm
by Morné Erasmus
KrunoSmithy wrote:You can import SVG's and you can animate the graphics, but I don't think there is a direct way to export it back as animation in that format. Not sure about some custom scripts or something.

Curious, what is the end goal you are going for? What is the animation for? How will it be used?

There are other formats that of course support animation, so what will you do with this thing you animated?


logos and other minor vector art for websites
Of course I can just animate the various bits with javascript in my web code, but why write bunch of code if you can just export an animated svg...

Re: Export self contained animated SVG

PostPosted: Mon Oct 07, 2024 6:15 pm
by KrunoSmithy
Morné Erasmus wrote:[Of course I can just animate the various bits with javascript in my web code, but why write bunch of code if you can just export an animated svg...


I tried to search for answer to your question, found this little interesting website. Maybe its something you can use to animate it for you and do the code, for website:

https://svgartista.net/

How to:

https://svgartista.net/how-to

Re: Export self contained animated SVG

PostPosted: Mon Oct 07, 2024 6:18 pm
by Morné Erasmus
KrunoSmithy wrote:
Morné Erasmus wrote:[Of course I can just animate the various bits with javascript in my web code, but why write bunch of code if you can just export an animated svg...


I tried to search for answer to your question, found this little interesting website. Maybe its something you can use to animate it for you and do the code, for website:

https://svgartista.net/

How to:

https://svgartista.net/how-to


Yeah, also found this one:
https://www.svgator.com/

But still would be nice if this could be done with Fusion. I mean the foundations are there, now just make it exportable...

Re: Export self contained animated SVG

PostPosted: Mon Oct 07, 2024 10:09 pm
by Bryan Ray
Those foundations are not as built as you'd think. Once the shapes hit the Background nodes, they're no longer vectors; they're rasterized to a fixed-resolution image. The only solution in Fusion would be to trace the image to recreate vectors, but it would potentially lose a lot of fidelity.

Maybe try something like Synfig? https://www.synfig.org/

Re: Export self contained animated SVG

PostPosted: Wed Jun 18, 2025 9:25 am
by AndreN
The only reliable software that can handle svg animation right now seems to be adobe animate, but I won't go down that adobe subscription route. I wish I could at least import an svg animation and export as a video file, but it does not work right now.