DiscordJS / Canvas-无法从URL加载图像

问题描述

代码：

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,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徽标
控制台没有显示任何错误。

解决方法

我认为您根本不会加载此图像，而画布会为您提供默认的白色背景。可以是CORS。 在本地或您自己的服务器上尝试使用相同的图像，也尝试使用https