我发现,简单地使用一个带有gif录制功能的屏幕捕获程序就可以满足我所有的需求,而且它是可靠和干净的。有几个这样的屏幕捕获程序。我发现LICEcap很可靠。
下面是(几乎是逐字)我在上面提到的问题中的过程:
该解决方案使用了一个名为LICEcap的工具,这是一个用于Win和Mac的屏幕捕获实用程序。具体步骤如下:
- 下载并安装LICEcap here。现在,如果你启动这个程序,它将有一个相当不寻常的形状,只有一个薄薄的框架,框架内的一切都将是透明的:
- 打开你的d3.js动画的窗口,准备好一切,这样你就可以在某个时候开始动画了。假设我们想要从d3js.org记录这个示例:
- 现在启动LICEcap并将其放置在您想要在动画gif中显示的区域上:
- 确保在左下角编辑框中输入至少20帧/秒,否则录制质量较低。按record。首先会出现一个对话框,你可以在这里选择你的gif是无限循环,还是只重复一次,或者多次重复。还有一个有趣的选项是为鼠标单击添加一些视觉线索。同时选择filename,然后按Save。
- 现在,您可以执行任何必须执行的操作来触发动画。我按了几次按钮分组和堆叠。在我觉得这足够了之后,我按下了Stop。生成的文件为:
就这样!