从CSS3动画SVG创建动画gif

时间:2014-02-05 14:21:13

标签: css3 animation svg gif animated-gif

我有一个问题 - 想知道是否可以从使用CSS3过渡动画的SVG组成的现有动画创建动画GIF?

现有的SVG基本上是一个饼图,由4个部分组成,通过在每个部分上进行宽度.2s高度.2s的过渡从中心生长。我在这里制作了一个JSBin:

http://jsbin.com/UcemUNo/1/edit?html,css,js,console,output

我已经环顾四周了。所有我能找到的是如何通过说网络摄像头或现有图像来创建动画GIF,而不是从网页上的元素创建。

任何指针都非常感谢!

1 个答案:

答案 0 :(得分:1)

找到解决方案 - 屏幕录制!下载了一个名为Camtastia的程序,在我的浏览器中记录了动画。将其导出为动画GIF。完成工作。