2014-01-23 81 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