sprite-generator-windows v1.2.0

sprite-generator-windows

简介

根据.svg文件构建应用于mapboxgl的雪碧图(适用于windows平台).

注意事项

• .svg图标名称只能包含字母,数字,下划线,中划线

安装

npm install sprite-generator-windows -g

使用

sprite-generator-windows { 配置文件 }

配置文件

示例

# 1. 准备工作, 参考以下目录结构

|-E:
| |-sprite
|   |-source
|     | bank.svg
|     | car.svg
|     | user.svg
|   |-target
|   | config.json

# 2. 配置素材, 将准备好的素材放入`source`文件夹中

# 3. 配置config.json文件, 参考以下文件

{
    "source": "./source",
    "target": "./target",
    "ratios": [1, 2],
    "sdfs": [
        "bank",
        "car"
    ]
}

当前配置`bank`,`car`将被标记为sdf图标,`user`不会被标记

# 4. 在命令行工具中进入`E:\sprite`目录, 运行`sprite-generator-windows ./config.json`构建雪碧图

# 5. 进入`E:\sprite\target`目录查看构建的雪碧图