nodejs实现⼆维码⽣成及图⽚合成前端需要做分享功能。⽣成⼆维码后在指定的图⽚上添加⼆维码和邀请码⽣成新的图⽚。
1.使⽤ qr-code⽣成⼆维码
/**
* 根据url 地址⽣成⼆维码
*/
async createQr(url, name) {
let qr_png = qr.image(url, { type: ‘png‘, size: 8, margin: 2 });
let imgName = `${fig.share_path}/${name}.png`;
let qr_pipe = qr_png.ateWriteStream(imgName));
return await new Promise((resolve, reject) => {
(‘error‘, function(err) {
console.log(err);
resolve(null);
});
(‘finish‘, function() {
resolve(imgName.substring(3, imgName.length));
});
}).then(data => data);
}
2.使⽤ text-to-svg ⽣成邀请码图⽚,字符转图⽚
const textToSVG = TextToSVG.loadSync();
const svg = SVG(id + ‘‘, {
x: 0,
y: 0,
width: 80,
height: 32,
fontSize: 22,
anchor: ‘left top‘,
attributes: {
fill: ‘white‘, // 字体颜⾊
svg交互是什么stroke: ‘black‘,
},
});
3.使⽤gm⼯具合成图⽚
svg2png(svg).then(d => {
console.log(‘@@@@@@@@‘);
const n = `${fig.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));
}
});
});
});

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。