nodejs实现二维码生成及图片合成
前端需要做分享功能。生成二维码后 在指定的图片上添加二维码和邀请码生成新的图片。
1.使用 qr-code生成二维码
/**
* 根据url 地址生成 二维码
*/
async createQr(url, name) {
let qr_png = qr.image(url, { type: ‘png‘, size: 8, margin: 2 });
let imgName = `${this.app.config.share_path}/${name}.png`;
let qr_pipe = qr_png.pipe(fs.createWriteStream(imgName));
return await new Promise((resolve, reject) => {
qr_pipe.on(‘error‘, function(err) {
console.log(err);
resolve(null);
});
qr_pipe.on(‘finish‘, function() {
resolve(imgName.substring(3, imgName.length));
});
}).then(data => data);
}
2.使用 text-to-svg 生成邀请码图片,字符转图片
const textToSVG = TextToSVG.loadSync();
const svg = textToSVG.getSVG(id + ‘‘, {
x: 0,
y: 0,
width: 80,
height: 32,
fontSize: 22,
anchor: ‘left top‘,
attributes: {
fill: ‘white‘, // 字体颜色
stroke: ‘black‘,
},
});
东莞vi设计https://www.houdianzi.com/dgvi/ 豌豆资源网站大全https://55wd.com
3.使用gm工具合成图片
svg2png(svg).then(d => {
console.log(‘@@@@@@@@‘);
const n = `${this.app.config.share_path}/${name}_number.png`;
fs.writeFile(`${n}`, d, err => {
gm().in(‘-page‘, ‘0,0‘)// -page是设置图片位置,所有的图片以左上为原点,向右、向下为正
.in(sourceImg)// 底图,到这里第一张图就设置完了,要先设置参数,再设置图片
.in(‘-resize‘, ‘250x250‘)// 设置微信二维码图片的大小(等比缩放)
.in(‘-page‘, ‘+110+210‘)// 设置微信二维码图片的位置
.in(waterImg)// 二维码图
.in(‘-page‘, ‘+210+532‘)// logo图位置
.in(n)// logo图
.mosaic()// 图片合成
.write(lastput, function(err) { // 图片写入
if (err) {
console.log(err);
reject(new Error(‘error!!!!!!!!!!!!!!!!‘));
} else {
console.log(‘ok‘);
resolve(lastput.substring(3, lastput.length));
}
});
});
});