Base64用javascript编码动画gif

时间:2014-01-23 02:57:22

标签: javascript canvas base64 animated-gif

我正在开发一个meme生成器,允许用户在他们选择的模因模板的顶部和底部输入文本。在我当前的系统中,我有一些html <canvas>元素堆叠在彼此之上,当检测到用户交互时更新这些元素,以便他们可以预览最终产品(更具体地说,一个用于模因模板的画布和两个用于文本)。当他们点击提交我然后Base64在JavaScript中编码带有canvas.toDataURL("image/png")的画布并通过表单提交编码以使用RMagick创建最终的组合图像。

我正在寻找一种Base64编码动画gif的方法(一种已经完成,只需要编码),这样用户也可以将它们用作模因模板。

1 个答案:

答案 0 :(得分:0)

您可以考虑使用此库来获取画布dataURL并创建动画gif:

如果你想使用几幅画布,你必须创建另一个“临时”画布,并将你的其他画布drawImage到舞台画布。

https://github.com/antimatter15/jsgif