首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >录制SVG动画并将其保存为GIF动画

录制SVG动画并将其保存为GIF动画
EN

Stack Overflow用户
提问于 2014-01-24 05:11:00
回答 1查看 17.1K关注 0票数 24

是否有一个库或工具来录制SVG动画并将其保存为动画GIF?

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

EN

回答 1

Stack Overflow用户

发布于 2014-01-24 09:01:47

我发现,简单地使用一个带有gif录制功能的屏幕捕获程序就可以满足我所有的需求,而且它是可靠和干净的。有几个这样的屏幕捕获程序。我发现LICEcap很可靠。

下面是(几乎是逐字)我在上面提到的问题中的过程:

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

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

  1. 打开你的d3.js动画的窗口,准备好一切,这样你就可以在某个时候开始动画了。假设我们想要从d3js.org记录这个示例:

  1. 现在启动LICEcap并将其放置在您想要在动画gif中显示的区域上:

  1. 确保在左下角编辑框中输入至少20帧/秒,否则录制质量较低。按record。首先会出现一个对话框,你可以在这里选择你的gif是无限循环,还是只重复一次,或者多次重复。还有一个有趣的选项是为鼠标单击添加一些视觉线索。同时选择filename,然后按Save。

  1. 现在,您可以执行任何必须执行的操作来触发动画。我按了几次按钮分组和堆叠。在我觉得这足够了之后,我按下了Stop。生成的文件为:

就这样!

票数 26
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21319398

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档