1、安装工具(仅限mac系统)
brew install imagemagick 或者 brew install graphicsmagick
注:windows和linux自行搜索安装方式
2、npm包依赖安装
npm install gm 或者 cnpm install gm
3、将图片进行裁剪(圆形化处理)。
let gm = require('gm').subClass({ imageMagick: true });
let original = './static/images/1.jpg'; // 原始图片路径
let output = './static/images/2.png'; // 生成新图片路径,注意后缀为png格式
let size = 150;
gm(original)
.resize(size, size)
.write(output, function() {
gm(size, size, 'none')
.fill(output)
.drawCircle(size/2,size/2, size/2, 0) // 圆心x, 圆心y, 圆半径r, 画笔
.write(output, function(err) {
console.log(err || 'done');
});
});
附图1:
4、将图片进行合并。
let gm = require('gm').subClass({ imageMagick: true });
let source1 = './static/images/1.jpg';
let source2 = './static/images/2.png';
let dest = './static/images/output.png'
gm()
.in('-page', '+0+0')
.in(source1)
.in('-page', '+200+200') // x,y -> 100, 200
.in(source2)
.mosaic()
.write(dest, function (err) {
console.log(err || 'done');
});
附图2:
本文暂时没有评论,来添加一个吧(●'◡'●)