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

Question

<分区>

Answer 1

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

这是(几乎一字不差)我对上述问题的处理程序:

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

1. 下载 LICEcap here并安装它。现在，如果你启动这个程序，它会有一个非常不寻常的形状，只有一个细框，框内的所有东西都是透明的:

2. 转到带有 d3.js 动画的窗口并准备好一切，以便您可以在某个时间点开始动画。假设我们想从 d3js.org 记录这个例子:

3. 现在启动 LICEcap 并将其放置在您想要在动画 gif 中拥有的区域上:

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

5. 现在您可以做任何您必须做的事情来触发动画。我按了几次按钮分组和堆叠。在我决定足够了之后，我按下了停止键。结果文件是:

就是这样!