记录并将SVG动画保存为动画GIF

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

Download LICEcap here and install it. Now, if you start this program, it will have a rather unusual shape, just a thin frame, and everything inside the frame will be transparent:

使用d3.js动画进入窗口，动画。假设我们要从d3js记录这个例子：

Go to the window with your d3.js animation and prepare everything so that you could start animation at some point. Lets say we want to record this example from d3js:

现在开始使用LICEcap，并将其放置在动画gif所需的区域：

Now start LICEcap and position it over the area you want to have in your animated gif:

确保您在左下角的编辑框中输入至少20 fps ，否则录音会质量较差。按记录。一个对话框将首先出现，你在这里选择是否你想要你的gif是一个无限循环，或只是重复一次，或任何次数。另外一个有趣的选择是添加一些视觉线索的鼠标点击。选择文件名，然后按保存。

Make sure that you enter at least 20 fps in the bottom left edit box, otherwise the recording will be low quality. Press record. A dialog will first appear, and you choose here whether you want your gif to be in an infinite loop, or just repeated once, or any number of times. Also an interesting option is to add some visual clues for mouse clicks. Choose also filename, and press Save.

现在你可以做任何你必须做的事来触发动画。我按了几个按钮分组和堆叠。在我决定了，我按下停止。结果文件是： >

Now you do whatever you have to do to trigger animations. I pressed several times buttons Grouped and Stacked. After I decided its enough, I pressed Stop. Resulting file is:

就是这样！