gif.js —— 浏览器上直接用 JavaScript 生成 Gif

最新推荐文章于 2025-05-21 13:08:17 发布

转载最新推荐文章于 2025-05-21 13:08:17 发布 · 4.8k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/117218

文章标签：

#javascript #前端 #ViewUI

GIF.js是一款可在浏览器上使用的JavaScript GIF编码器，支持多种浏览器如Chrome、Firefox等。通过简单的API调用即可实现GIF动画的创建，支持从图片元素、canvas元素或canvas上下文复制像素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

gif.js 详细介绍
gif.js 是一个可直接在浏览器上运行的 JavaScript GIF 编码器。支持的浏览器包括：

Google Chrome
Firefox 17
Safari 6
Internet Explorer 10
Mobile Safari iOS 6

使用方法：

var gif = new GIF({
workers: 2,
quality: 10
});

// add an image element
gif.addFrame(imageElement);

// or a canvas element
gif.addFrame(canvasElement, {delay: 200});

// or copy the pixels from a canvas context
gif.addFrame(ctx, {copy: true});

gif.on('finished', function(blob) {
window.open(URL.createObjectURL(blob));
});

gif.render();