fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

gka
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://gka.js.org
GitHub:https://github.com/gkajs/gka
网站描述:简单的、高效的帧动画生成工具

gka 是一款简单的、高效的帧动画生成工具,图片处理工具。只需一行命令,快速图片优化、生成动画文件,支持效果预览。

  • 一键式: 图片文件批量序列化重命名,生成帧动画文件,支持预览
  • 性能佳: 支持相同图片复用✓ 图片空白裁剪✓ 合图优化✓ 图片压缩✓ 图片空白拆分优化✓ 图片像素差优化✓ 多倍图适配✓
  • 多模板: 内置多种文件输出模板,支持自定义模板

安装

npm i gka -g

注:安装时如出现权限问题


开始使用

只需一行命令,快速生成动画文件,支持效果预览。

gka E:\img  # 对 E:\img 目录中的图片进行处理

Command 命令

gka <dir> [options]


Options 参数选项

-d, --dir <string>            #  图片文件夹地址

-u, --unique [boolean]        #  开启相同图片复用优化

-c, --crop [boolean]          #  开启空白裁剪优化

-s, --sprites [boolean]       #  开启合图优化

-m, --mini [boolean]          #  开启图片压缩

-p, --prefix [string]         #  文件重命名前缀

-t, --template <string>       #  生成动画文件模板 默认 css ,可选模见 Templates 模板列表

-f, --frameduration <number>  #  每帧时长,默认 0.04

-i, --info [boolean]          #  开启输出信息文件

-o, --output <string>         #  指定生成目录地址

-a, --algorithm <string>      #  合图布局模式 默认 left-right,可选 binary-tree | top-down ..

--bgcolor <string>            #  为图片增加背景色,可选,支持格式:'rgb(255,205,44)'、 '#ffcd2c'

--count <number>              #  生成多合图,指定几张图片合成一张合图,可选

--ratio <number>              #  生成指定的N倍图动画,如 --ratio 2 支持retina屏幕的2倍图动画, 可选

--split [boolean]             #  开启图片空白拆分优化,与 -t canvas 结合使用

--diff [boolean]              #  开启图片像素差优化,与 -t canvas 结合使用

--minirate [string]           #  自定义压缩比率,格式: min-max,与 -m 结合使用


链接: https://fly63.com/nav/1581

more>>
相关栏目
SVG.js
包括各种形状、线条、文本、路径等元素
官网GitHub
d3.js
基于HTML 和 SVG 的 JavaScript 可视化库
官网GitHub
incubator-echarts
百度团队开发的一款商业级数据图表
官网GitHub
g2
一套基于可视化编码的图形语法
官网GitHub
Chartist.js
JavaScript响应式图表库
官网GitHub
MetricsGraphics.js
一个基于 D3 的简洁的数据图表优化
官网GitHub
plotly.js
基于d3.js 和stack.gl开源的 JavaScript 图表库
官网GitHub
js-sequence-diagrams
一款基于 Javascript 的Web绘制时序图的工具
官网GitHub
C3.js
基于D3.js开发的JavaScript库
官网GitHub
crossfilter
一个数据计算模型,能够很好地结合DC.JS进行数据解析绘图
官网GitHub
Processing.js
擅长创建2D和3D图象,可视化数据套件,音频,视频等
官网GitHub
flowchart.js
基于SVG的流程图插件
官网GitHub
Velocity.js
一个简单易用、高性能、功能丰富的轻量级JS动画库
官网GitHub
popmotion.js
一款小巧,灵活的 JavaScript 运动引擎
官网GitHub
js2flowchart.js
将任何 JavaScript 转换成漂亮的 SVG 流程图的可视化的图表库
点击进入GitHub
jsplumb
一个开源的流程图或拓扑图绘制工具库(绘制页面链接线)
官网GitHub

手机预览