我正在开发一个meme生成器,允许用户在他们选择的模因模板的顶部和底部输入文本。在我当前的系统中,我有一些html <canvas>
元素堆叠在彼此之上,当检测到用户交互时更新这些元素,以便他们可以预览最终产品(更具体地说,一个用于模因模板的画布和两个用于文本)。当他们点击提交我然后Base64在JavaScript中编码带有canvas.toDataURL("image/png")
的画布并通过表单提交编码以使用RMagick创建最终的组合图像。
我正在寻找一种Base64编码动画gif的方法(一种已经完成,只需要编码),这样用户也可以将它们用作模因模板。
答案 0 :(得分:0)
您可以考虑使用此库来获取画布dataURL并创建动画gif:
如果你想使用几幅画布,你必须创建另一个“临时”画布,并将你的其他画布drawImage到舞台画布。