css3 – 将SVG动画录制并保存为动画GIF [已关闭]

有没有用于录制和保存 SVG动画作为动画GIF的图书馆或工具?

SVG几何图形使用JavaScript和D3.js动画,其颜色和不透明度都以CSS 3动画。

解决方法

我发现简单地使用gif录像功能的屏幕截图程序满足了我的所有需求,它是可靠和干净的。有几个这样的屏幕捕获程序。我发现LICEcap固体。

这是(几乎逐字)我从上述问题的程序:

解决方案使用一个名为LICEcap的工具,Win和Mac的屏幕捕获实用程序。步骤如下:

>下载LICEcap here并安装。现在,如果你启动这个程序,它将有一个非常不寻常的形状,只是一个薄框架,框架内的一切将是透明的:

>使用d3.js动画去窗口,准备一切,以便您可以在某些时候开始动画。让我们说要从d3js.org记录下面的例子:

>现在启动LICEcap并将其置于您要在动画GIF中的区域中:

>确保您在左下方编辑框中输入至少20 fps,否则录制质量较差。新闻记录。首先会出现一个对话框,您可以在这里选择是否要使您的gif处于无限循环,或者重复一次,或任意次数。还有一个有趣的选择是为鼠标点击添加一些视觉线索。选择文件名,然后按保存。

>现在你做任何你需要做的,以触发动画。我按几次按钮分组和堆叠。在我决定之后,我按了Stop。结果文件是:

而已!

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效