Discord.JS，使用画布在For循环中显示多个用户配置文件图片

const Discord = require('discord.js');
const Canvas = require('canvas');

// 创建Discord客户端
const client = new Discord.Client();

// 当机器人准备好时执行
client.on('ready', () => {
  console.log(`Logged in as ${client.user.tag}`);
});

// 当收到消息时执行
client.on('message', async (message) => {
  // 检查消息是否为指定的命令
  if (message.content === '!displayProfiles') {
    // 获取服务器中的所有用户
    const users = message.guild.members.cache.array();

    // 创建画布
    const canvas = Canvas.createCanvas(800, 600);
    const ctx = canvas.getContext('2d');

    // 设置字体样式
    ctx.font = 'bold 30px Arial';
    ctx.fillStyle = '#ffffff';

    // 在For循环中绘制用户配置文件图片
    for (let i = 0; i < users.length; i++) {
      // 加载用户配置文件图片
      const avatar = await Canvas.loadImage(users[i].user.displayAvatarURL({ format: 'png' }));

      // 绘制用户配置文件图片
      ctx.drawImage(avatar, i * 100, 0, 100, 100);

      // 绘制用户名
      ctx.fillText(users[i].user.username, i * 100, 120);
    }

    // 将画布转换为图片并发送到Discord频道
    const attachment = new Discord.MessageAttachment(canvas.toBuffer(), 'profiles.png');
    message.channel.send(attachment);
  }
});

// 使用Discord机器人令牌登录
client.login('YOUR_DISCORD_TOKEN');