nodejs 使用canvas画图将二维码图片添加到canvas画的图片里面

在 Node.js 中使用 Canvas 库来绘制图片并添加二维码，你可以按照以下步骤进行操作：

1. 首先，确保你已经安装了 `canvas` 和 `qrcode` 这两个 Node.js 模块。你可以使用以下命令进行安装：

npm install canvas qrcode

2. 创建一个 `index.js` 文件，并在其中编写以下代码：

const { createCanvas, loadImage } = require('canvas');
const QRCode = require('qrcode');

// 创建一个画布
const canvas = createCanvas(400, 400);
const ctx = canvas.getContext('2d');

// 加载背景图片
loadImage('path/to/background.jpg').then((image) => {
  // 绘制背景图片
  ctx.drawImage(image, 0, 0, canvas.width, canvas.height);

  // 生成二维码
  QRCode.toDataURL('https://example.com', (err, url) => {
    if (err) throw err;

    // 加载二维码图片
    loadImage(url).then((qrCodeImage) => {
      // 调整二维码图片的大小
      const qrCodeSize = 200;
      ctx.drawImage(qrCodeImage, (canvas.width - qrCodeSize) / 2, (canvas.height - qrCodeSize) / 2, qrCodeSize, qrCodeSize);

      // 将画布保存为图片文件
      const fs = require('fs');
      const out = fs.createWriteStream('output.jpg');
      const stream = canvas.createJPEGStream();

      stream.pipe(out);
      out.on('finish', () => console.log('The image was created.'));
    });
  });
});

3. 将 `path/to/background.jpg` 替换为实际的背景图片路径，然后保存文件。

4. 执行以下命令来运行脚本：

node index.js

5. 运行完成后，你将在同级目录下生成一个名为 `output.jpg` 的图片文件，其中包含了背景图片和添加了二维码的画布内容。

请注意，上述代码中使用的是 `canvas.createJPEGStream()` 方法来保存画布为 JPEG 格式的图片，如果你需要保存为其他格式，可以使用相应的方法进行调整。另外，确保你已经将 `https://example.com` 替换为实际的二维码内容。