雪碧图制作-mapbox本地化

雪碧图制作-mapbox本地化

• 1. 雪碧图制作
  • 1.1. 安装
    • 1.1.1. nodejs安装
    • 1.1.2. spritezero-cli安装
  • 1.2. 使用

1. 雪碧图制作

插件：spritezero-cli

1.1. 安装

安装前最好先进行矢量地图tippecanoe扩展的安装

1.1.1. nodejs安装

sudo apt-get install nodejs
sudo apt-get install npm

1.1.2. spritezero-cli安装

#下载
wget https://github.com/mapbox/spritezero-cli/archive/v2.1.0.tar.gz
#解压
tar -xzf v2.1.0.tar.gz
#一定要使用全局代理运行
#一定要使用全局代理运行
#一定要使用全局代理运行
cd spritezero-cli-2.1.0/
apt-get install nodejs-legacy
npm install
npm install -g @mapbox/spritezero-cli

1.2. 使用

spritezero [output filename] [input directory]

  --retina      shorthand for --ratio=2
  --ratio=[n]   pixel ratio
  --unique      map identical images to multiple names

将整个目录的SVG文件转为一张PNG雪碧图和一份JSON样式表

• example

//一级样式
spritezero ttt input/
//retina样式
spritezero --retina ttt@2x input/

将整个input目录中的所有svg文件转换为ttt.png的雪碧图和ttt.json的样式表