gka-tpl-svg

gka template svg css unique crop sprites


Keywords
gka, template, svg, css, unique, sprites, crop
License
MIT
Install
npm install gka-tpl-svg@1.2.0

Documentation

注:已内置到gka中,仓库迁移至gka

gkatemplatew

gka-tpl-svg

gka 文件生成模板,一键式生成可自适应缩放 css keyframes 序列帧动画文件(基于svg),并内置优化。

在线示例  示例代码

内置优化

  • 开启图片裁剪优化 ✓
  • 开启合图优化 ✓
  • 开启相同帧图片复用 ✓
  • 支持自适应 ✓

Install

$ npm install -g gka                # install gka

Usage

$ gka <dir> -t svg [options]

Example

$ gka E:\gka-test\img -t svg
Before After

./img
├── hello-01.png
├── hello-02.png
├── hello-03.png
├── hello-04.png
├── hello-05.png
└── ...

./gka-img
└── gka.html
└── gka.css
└── img
    └── sprites.png

Use GKA

https://github.com/joeyguo/gka