images-merger
用来将多个小图片自动合成一个大图(透明背景 png 类型), 一般为了减少站点小图片的请求次数, 加速网站或游戏的加载
npm install images-merger --save
In browser
// <input type="file" id="select-imgs" multiple accept="image/*"> const merger = document Image;const input = document;inputonchange = async { const data map = await merger; console; // 合并后的图片数据,base64 console; // 合并后的图片名字、定位、宽高信息};
In node.js
// npm install canvas --saveconst createCanvas Image = ;const fs = ;const Merger = ; async { const dir = processargv2; const files = fs; const canvas = ; const merger = canvas Image; const data map = await merger; fs; fs;};
In cli
npm install images-merger -g
// 第一个参数为要合并的原始图片目录路径
// 第二参数为要生成的图片路径(不需要后缀)
// scale 可选的等比缩放比例, (0, 1] 默认为 1
images-merger-cli ./sources-images-dir-path ./target-file-name-widthout-ext [scale]