Discord.js 使用画布制作图像会引发错误 Canvas.createCanvas 不是函数答案

【问题标题】：Discord.js making an image using canvas throws an error Canvas.createCanvas is not a functionDiscord.js 使用画布制作图像会引发错误 Canvas.createCanvas 不是函数
【发布时间】：2021-07-06 22:48:32
【问题描述】：

我正在尝试使用画布制作图像，但这样做时出现错误“Canvas.createCanvas 不是函数”

const { Canvas, Image } = require('canvas');

module.exports = {
    name: 'avatar',
    description: 'avatar',
    async execute(message, args) {
        const canvas = Canvas.createCanvas(700, 250);
        const ctx = canvas.getContext('2d');

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

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

        const avatar = await Canvas.loadImage(member.user.displayAvatarURL({ format: 'png' }));

        ctx.drawImage(avatar, 25, 0, 200, canvas.height);

        const attachment = new Discord.MessageAttachment(canvas.toBuffer(), 'test.png');

        channel.send(attachment);
    }
}

【问题讨论】：

标签： node.js canvas discord.js

【解决方案1】：

这是

const Canvas = require("canvas");

不是

const { Canvas, Image } = require('canvas');

您也不需要导入 Image，因为您没有使用它。

【讨论】：