DiscordJS / Canvas - 图像未从 URL 加载

Posted 2023-03-07

【中文标题】DiscordJS / Canvas - 图像未从 URL 加载

【英文标题】：DiscordJS / Canvas - Image not loading from URL

【发布时间】：2021-01-18 21:59:08

【问题描述】：

代码：

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 徽标 控制台没有给出任何错误..

【参考方案1】：

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