sprite-image

sprite image


Keywords
sprite, image
License
MIT
Install
npm install sprite-image@0.0.5

Documentation

使用方法

import SpriteImage from 'sprite-image'

// 全局配置
const spriteImage = new SpriteImage({
   prefix: 'sprite', // 生成css文件以及class前缀
   imgdir: '', // 合成图片保存目录
   cssdir: '', // 生成css保存目录
   cssimg: '', // css中的图片路径
})

spriteImage.generate('目录路径', {
    enable: true, // 是否处理这个目录
    outext: 'png', // 合成图片类型
    padding: 0, // 小图之间的间距(为序列帧时忽略padding)
    sort: 'tree', // 小图的排列方式 x, y, tree(为序列帧时排列方式固定为x)
    // 序列图配置
    keyframe: {
        width: 640, // 序列图宽度
        height: 1136, // 序列图高度
        duration: 80, // 一帧的持续时间
        infinite: true // 是否循环动画
    }
})