DiscordJS / Canvas - 圖像未從 URL 加載

Question

代碼：

const Discord = require('discord.js'), client = new Discord.Client();
const Canvas = require('canvas');

module.exports = {
    name: 'canvas',
async execute(m, args) {
const canvas = Canvas.createCanvas(762, 528);
const ctx = canvas.getContext('2d');
const background = await Canvas.loadImage('./background.png');
ctx.drawImage(background, 0, 0, canvas.width, canvas.height);
function loadAndDrawImage(url)
{
    var image = new Canvas.Image();
    image.onload = function()
    {
      ctx.drawImage(image, 300, 300)
    }
    image.src = url;
}
loadAndDrawImage("http://www.w3.org/html/logo/img/mark-word-icon.png")
const attachment = new Discord.MessageAttachment(canvas.toBuffer(), `picture.png`);
m.channel.send(attachment);
}}

當我執行生成圖像的命令時，機器人給出的圖像只有背景可見，而不是 w3.org 的 HTML5 標志
控制台沒有給出任何錯誤..

Answer 1

我認為您根本沒有加載此圖像，畫布將為您提供默認的白色背景。 它可以是 CORS。 嘗試在本地或您自己的服務器上使用相同的圖像，也嘗試使用 https