Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Inkscape: animated SVG to video?

i created an animated presentation with the Sozi plugin for Inkscape. It looks great, however, not all browsers support SVG animations (Chrome for instance does not like the Inkscape/Sozi SVGs at all). I would like to convert the presentation to a video. One option would be to do a screen capture, but I am hoping for something better.

Looking around, I also came across this answer - but creating frame by frame SVGs is not really feasible, as I would like to keep the zooming/sliding animations.

Any ideas of what tool to use?

like image 592
anonymous1fsdfds Avatar asked Oct 19 '11 08:10

anonymous1fsdfds


People also ask

Can you use SVG as video?

SVG Animations to Video Finally, an easy solution! SVG video export is now possible! Create your own animations in a friendly interface, then render them as high resolution videos in just a few clicks. You don`t need a powerful computer or any 3rd party apps, SVGator will process all the renders in the cloud.

Can an SVG file be animated?

SVG supports the ability to change vector graphics over time, to create animated effects. SVG content can be animated in the following ways: Using SVG's animation elements [svg-animation]. SVG document fragments can describe time-based modifications to the document's elements.

Does Inkscape support animation?

Inkscape ExtensionsIt creates a slideshow type of animation for presentations, to be viewed in web browsers, by means of embedding JavaScript in the SVG file.


1 Answers

There is a node package called timecut which uses Chromium to record an SVG into an MP4 video file. https://github.com/tungs/timecut

Installation

$ cd project
$ npm install timecut

Usage

$ cd project
$ ./node_modules/timecut/cli.js Animation.svg

This creates a file named video.mp4.

timecut has quite a number of options, like frame rate, pixel format, etc.

like image 156
Christian Hujer Avatar answered Sep 29 '22 05:09

Christian Hujer