2014-01-23 75 views
0

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

我正在寻找一种方法来Base64编码动画gif(一个已经完成,只需要编码),以便用户可以使用这些作为模板模板以及。

+0

相信这之前已经在这里找到答案:http://stackoverflow.com/questions/6150289/how-to-convert-image-into-base64-string-using-javascript –

+0

@Steven:出的框,HTML画布不支持GIF动画。这个答案会让我只用GIF的1帧的Base64编码,这是当前的行为。 – Cam

回答

0

你可能会考虑这个库,它需要一个帆布dataURL和创建动画GIF:

如果你想使用多个画布,你必须创建另一个“上演”画布drawImage方法你的其他画布到临时帆布。

https://github.com/antimatter15/jsgif