代码拉取完成,页面将自动刷新
En | 中文
在浏览器中运行 Gifsicle,对 GIFs 进行压缩、裁剪、操作帧、调整尺寸等等操作。
更多命令请查阅Gifsicle手册。
压缩 | 操作帧 | 裁剪 | 尺寸 | 其他 |
---|---|---|---|---|
轻量 普通 极限 |
选中最后2帧 选中前3帧和后3帧 删除前20帧 将3-6帧替换成其他GIF 倒带 将2个GIF交替 导出所有帧 |
根据左上角和右下角 根据左上角和高宽 旋转后裁剪 翻转后裁剪 裁剪掉多余透明 |
修改宽度为100px 缩小50% 修改纵横比 |
循环次数 读取信息 合并图片 播放速度 |
gifsicleTool.js 通过将多条命令组合起来,完成比较实用的功能。
$ npm i gifsicle-wasm-browser --save
import gifsicle from "gifsicle-wasm-browser";
gifsicle.run({
input: [{
file: "./cat.gif",
name: "1.gif",
}],
command: [`
-e -U
--resize 100x_
1.gif
-o /out/out.gif`],
})
.then(outGifFiles => {
console.log(outGifFiles);
// [File,File,File ...]
});
<script type="module">
import gifsicle from 'https://unpkg.com/gifsicle-wasm-browser/dist/gifsical.min.js'
// or
import gifsicle from 'https://cdn.jsdelivr.net/npm/gifsicle-wasm-browser/dist/gifsicle.min.js'
...
})
</script>
Array
: 输入的 Gif 文件String
: GIF的网络urlFile
、 Blob
、 ArrayBuffer
: 通过<input type="file">获取的本地文件String
: 将在 command
中使用的文件名Array
: 执行的命令Array
: (可选的) 将在 command
中使用的文件夹名称Boolean
: (可选的) command
发生错误或警告时立即结束false
GIF File数组
input
中的 name
可以自定义,但是不能重复。command
的最后一条必须包含-o /out/**.gif
,/
、 /out
、 /tem
,当 command
执行完成后会将/out
的所有文件导出command
将按顺序逐个执行, 需要对多个 GIFs 同时处理时请使用多个 gifsicle.run()
。按顺序执行 | 同时执行
gifsicle-wasm-browser 是 @renzhezhilu 在 wasm-codecs/gifsicle 和 gifsicle 基础上开发。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。