【问题标题】:Base64 encode an animated gif with javascriptBase64 使用 javascript 对动画 gif 进行编码
【发布时间】:2014-01-23 02:57:21
【问题描述】:

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

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

【问题讨论】:

  • 相信这里已经回答了这个问题:stackoverflow.com/questions/6150289/…
  • @Steven:开箱即用,html 画布不支持动画 gif。这个答案会给我留下只有 1 帧 gif 的 Base64 编码,这是当前的行为。

标签: javascript canvas base64 animated-gif


【解决方案1】:

你可以考虑这个库,它接受一个画布 dataURL 并创建一个动画 gif:

如果您想使用多个画布,则必须创建另一个“临时”画布并将您的其他画布绘制到临时画布。

https://github.com/antimatter15/jsgif

【讨论】:

    猜你喜欢
    • 2014-04-03
    • 1970-01-01
    • 1970-01-01
    • 2012-01-22
    • 1970-01-01
    • 1970-01-01
    • 2012-10-26
    • 2016-10-23
    • 2017-01-22
    相关资源
    最近更新 更多