前端需要做分享功能。生成二维码后 在指定的图片上添加二维码和邀请码生成新的图片。

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‘,
        },
});

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));
              }
            });
        });
});

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/5387