保存使用HTML5 Canvas创建的动画

时间:2011-11-21 19:11:49

标签: html5-canvas

是否有可能让最终用户能够将HTML5 Canvas的动画创建客户端保存为单个文件 - 除了保存页面的整个HTML?

有很多关于如何保存为PNG的教程,但在这些情况下动画会丢失。

2 个答案:

答案 0 :(得分:2)

没有一种“简单”的方法可以做到这一点。

这是一个类似的问题...... Grabbing each frame of an HTML5 canvas

您可以按照这种方法抓取帧并将其提交到服务器端脚本,以将它们编译为动画GIF。

另一个选项,虽然非繁琐,但是将实现一个纯JavaScript GIF编码器。可在此处找到GIF规范http://graphcomp.com/info/specs/gif89a.txt

如果颜色表在每个帧中保持不变,则可以将已编码的GIF URL中的帧拼接在一起,而不必压缩像素级数据。您仍然需要从Canvas.toDataURL解码base64流。

答案 1 :(得分:2)

你可以使用jbuilder,它是一个允许你将画布帧保存到mpeg文件中的库。但它有问题,它只适用于Firefox。

http://ushiroad.com/mjpeg/