html5-canvas – 保存使用HTML5 Canvas创建的动画

前端之家收集整理的这篇文章主要介绍了html5-canvas – 保存使用HTML5 Canvas创建的动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否有可能让最终用户能够将动画创建的客户端保存为 HTML5 Canvas作为单个文件 – 除了保存页面的整个HTML?

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

解决方法

没有“简单”的方法来做到这一点.

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

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

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

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

猜你在找的HTML5相关文章