javascript - 使用 gif.js 创建 GIF 不适用于透明图像

标签 javascript jquery image

我正在使用gif.js为一款流行的在线游戏创建 GIF 制作工具,但我遇到图像不透明的问题。

这是它的外观(减去黑色背景)

sprite

这是它目前的样子。请注意黑线也是透明的,我想避免这种情况并让背景透明

sprite

这是我创建 gif 实例的位置(或参见 full code here )

function getGifInstance()
{
    return new GIF({
        workers: 2,
        workerScript: BASE_URL + '/libs/gifjs/dist/gif.worker.js',
        quality: 10,
        width: 64,
        height: 110,
        transparent: '#000'
    });
}

最佳答案

“减去黑色背景”是您问题的关键部分。如果您的源文件就是这样,那么您无能为力,因为您对背景图稿使用了相同的颜色。

您的输入需要具有真正透明的背景或 chroma key颜色(洋红色通常用作软件和视频游戏中的色度键颜色)。

关于javascript - 使用 gif.js 创建 GIF 不适用于透明图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47927813/

相关文章:

php - 在数据库中插入数据后隐藏div

javascript - element.getText().then(function) 没有被执行

css - 部分图像表现为 div HTML CSS

javascript - html页面自动刷新

javascript - 如何从 javascript 异步函数访问返回值

jquery - 如果在 ajax 调用之后也需要调用它,如何避免重复代码?

javascript - iframe 有时在 Firefox 中无法工作

jquery - Bootstrap 汉堡菜单不起作用

c# - 使用 C# 从静止图像创建 MJPEG 视频

javascript - 如何将多个图像直接堆叠在一起?