对于画布，.drawImage 函数抛出“TypeError：预期图像或画布”

我正在尝试在我的不和谐机器人中添加排名卡，为了做到这一点，我正在尝试使用画布，但是当我使用画布时，一切正常，直到我点击.drawImage方法。它给我一个错误，提示“TypeError：需要图像或画布”。虽然我已经要求了canvas在全球范围内，与画布有关的其他所有内容也都可以正常工作。

我尝试过require('canvas')在函数内部，但这也不能解决问题。

const canvas = Canvas.createCanvas(934, 282);
const ctx = canvas.getContext('2d');
const background = Canvas.loadImage('./images/Rank_Card.jpg');

ctx.drawImage(background, 0, 0, canvas.width, canvas.height);  
const attachment = new Discord.Attachment(canvas.toBuffer(), 'welcome-image.png');
msg.channel.send(`Testing...`, attachment);

当它发送消息时，它应该附加图像，但现在它只是给我以下错误。

Error:

C:\Users\Desktop\Discord\iBot\ibot.js:25
    ctx.drawImage(background, 0, 0, canvas.width, canvas.height);
        ^

TypeError: Image or Canvas expected

节点画布'loadImage()方法返回一个Promise这得到解决<Image>.

你不能直接传递这个 Promise，你必须await for it:

const canvas = Canvas.createCanvas(934, 282);
const ctx = canvas.getContext('2d');
// we need to await the Promise gets resolved since loading of Image is async
const background = await Canvas.loadImage('./images/Rank_Card.jpg');

ctx.drawImage(background, 0, 0, canvas.width, canvas.height);  
const attachment = new Discord.Attachment(canvas.toBuffer(), 'welcome-image.png');
msg.channel.send(`Testing...`, attachment);