Discord JS 欢迎消息画布问题

Posted 2023-03-13

【中文标题】Discord JS 欢迎消息画布问题

【英文标题】：Discord JS Welcome message canvas issue

【发布时间】：2021-04-29 06:14:12

【问题描述】：

大家早上好！，

我正在使用此代码开始使用我的不和谐机器人在画布中学习欢迎消息，如下所示：

client.on('guildMemberAdd', async member => 
    const channel = member.guild.channels.cache.find(ch => ch.name === 'member-log');
    if (!channel) return;

    const canvas = Canvas.createCanvas(700, 250);
    const ctx = canvas.getContext('2d');

    const background = await Canvas.loadImage('./wallpaper.jpg');
    ctx.drawImage(background, 0, 0, canvas.width, canvas.height);

    ctx.strokeStyle = '#74037b';
    ctx.strokeRect(0, 0, canvas.width, canvas.height);

    // Slightly smaller text placed above the member's display name
    ctx.font = '28px sans-serif';
    ctx.fillStyle = '#ffffff';
    ctx.fillText('Welcome to the server,', canvas.width / 2.5, canvas.height / 3.5);

    // Add an exclamation point here and below
    ctx.font = applyText(canvas, `$member.displayName!`);
    ctx.fillStyle = '#ffffff';
    ctx.fillText(`$member.displayName!`, canvas.width / 2.5, canvas.height / 1.8);

    ctx.beginPath();
    ctx.arc(125, 125, 100, 0, Math.PI * 2, true);
    ctx.closePath();
    ctx.clip();

    const avatar = await Canvas.loadImage(member.user.displayAvatarURL( format: 'jpg' ));
    ctx.drawImage(avatar, 25, 25, 200, 200);

    const attachment = new Discord.MessageAttachment(canvas.toBuffer(), 'welcome-image.png');

    channel.send(`Welcome to the server, $member!`, attachment);
);

但是当我加入这样的特殊字符的不和谐时：????????????????它在画布图像中显示不正确，如下所示：

Example

有没有办法解决这个问题？

【问题讨论】：

对我来说似乎工作正常：imgur.com/a/uCjvef3

仍然不适合我:(我只安装了指南“npm i canvas”（版本 2.6.1）和不和谐库（v12.5.1）中所说的画布。我是缺少包裹？这就是我看不到字符的原因？

【参考方案1】：

使用Fancy Text Converter 节点模块将文本转换为普通文本