我有一个HTML5画布，我想对该画布制作动画GIF

Question

我有一个简单的HTML5页面，带有一个画布，在其上绘制了科学的可视化图像。

我想拍摄该画布的X帧（可能是在关键点使用toDataURL() ），然后将其转换为动画GIF以便下载。

另外一种不错的方法是将图像从DOM保存到光盘而不提示，或者压缩100-200个图像以提示保存，这些可以在其他地方保存。

是否有解决此问题的现成方法？ 而且我并不是要记录一部分DOM的AVI，保存，提取帧并将其重新烘焙为GIF。

Answer 1

没有本机功能可以保存动画GIF，但是有一个用JavaScript编写的库可以为您做到这一点：
https://github.com/antimatter15/jsgif

无法将图像保存到本地磁盘而不提示。 您将拥有：

• 创建一个链接，用户可以单击该链接进行保存（并选择位置）。 大多数最新的浏览器将允许您使用锚标签（<a>）的下载属性。
• 将其发送到服务器，然后返回标题中的下载属性，以提示用户输入位置

更新

如果您只想将浏览器用作本地任务的有用主机，则可以随时禁用这些限制。 适用于Chrome浏览器：

要禁用所有安全措施，请使用以下标志从命令行启动Chrome：

chrome.exe --disable-web-security

如果您只想使用本地文件（在任何情况下都必须使用file：//）：

chrome.exe --allow-file-access-from-files

我不确定它们是否允许您保存到本地磁盘，但不能百分百确定它们是否与您接近而无需修改浏览器代码库。

希望这可以帮助！