保存使用 HTML5 Canvas 创建的动画答案

【问题标题】：Saving an Animation Created with HTML5 Canvas保存使用 HTML5 Canvas 创建的动画
【发布时间】：2013-01-29 23:42:40
【问题描述】：

除了保存页面的整个 HTML 之外，是否可以让最终用户将使用 HTML5 Canvas 创建的动画客户端保存为单个文件？

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

【问题讨论】：

【解决方案1】：

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

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

另一种选择，虽然不是简单的，是实现一个纯 JavaScript GIF 编码器。 GIF 规范可以在这里找到，http://graphcomp.com/info/specs/gif89a.txt

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

【讨论】：

【解决方案2】：

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

【讨论】：