Inkscape:将SVG动画到视频?

我用Inkscape的Sozi插件创建了一个动画演示文稿。 不过,并非所有浏览器都支持SVG动画(Chrome实例根本不喜欢Inkscape / Sozi SVG)。 我想将演示文稿转换为视频。 一种选择是做一个屏幕截图,但我希望有更好的东西。

环顾四周,我也遇到了这个答案 - 但是创建逐帧SVG并不是真的可行,因为我想保持缩放/滑动动画。

任何想法使用什么工具?


1.将SVG转换为画布

使用此工具可以将SVG转换为画布元素

2.记录画布动画

视频文件可以使用MediaStreamRecorder(取决于浏览器支持)或Whammy.js的画布动画创建。 我以前曾经用过打瞌睡,它像一种魅力。



你所要求的是不可能的,因为SVG动画是内插的,而主要的视频格式都是基于帧的。 如果你想渲染视频,你必须分离出不连续的帧。

如果您希望用户能够以相同的速度观看视频(而不是放慢速度),选择足够高的帧速率以足够平滑地显示动画(例如30 fps)就足够了。 缺点是当然会增加文件大小。

将动画SVG转换为电影提供了多个分割和转换选项。


顺便提一句,Chrome不支持SVG动画。 你在最近的版本中试过了吗? 另外,尝试从Inkscape中导出文件为“普通SVG”(而不是默认的“Inkscape SVG”),该文件将Inkscape特有的元素删除,这些元素可能会混淆浏览器。


你可以试试synfig工作室,我一直在用它来做几个个人动画项目。 我真的很好,有很好的tutos /文档/社区。

http://www.synfig.org/cms/

报价:“Synfig Studio是一款免费的开源二维动画软件,它被设计成功能强大的工业级解决方案,用于使用矢量和位图图形创建电影质量的动画,无需逐帧创建动画,从而使您以更少的人力和资源制作更高质量的2D动画Synfig Studio适用于Windows,Linux和MacOS X.“

希望这可以帮助

菲利普

链接地址: http://www.djcxy.com/p/9775.html

上一篇: Inkscape: animated SVG to video?

下一篇: .Net framework Incompatibility Issues