Html5 canvas 保存使用HTML5画布创建的动画

Html5 canvas 保存使用HTML5画布创建的动画,html5-canvas,Html5 Canvas,除了保存页面的整个HTML,是否有可能让最终用户能够将客户端使用HTML5画布创建的动画保存为单个文件 关于如何另存为PNG,有很多教程,但在这些情况下动画会丢失。没有一种“简单”的方法可以做到这一点 这里有一个类似的问题。。。 您可以按照这种方法抓取帧并将其提交到服务器端脚本以将其编译成动画GIF 另一个选项,虽然不是很繁琐,但是可以实现一个纯JavaScript GIF编码器。GIF规范可在此处找到 如果颜色表在每个帧中保持不变,则可能可以将已编码的GIF URL中的帧拼接在一起,而无需压

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

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

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

这里有一个类似的问题。。。

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

另一个选项,虽然不是很繁琐,但是可以实现一个纯JavaScript GIF编码器。GIF规范可在此处找到


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

您可以使用mjbuilder,它是一个库,允许您将画布帧保存到mpeg文件中。但它也有问题,而且只在Firefox上运行


今天,我被要求加入该库,这就是为什么我要为现代浏览器修复它: