discord.js 将图像放在另一个图像上

问题描述

我一直在尝试发出一个命令,当您发送图像或图像的 url 时,它将该图像放在我已经在代码中的另一个图像上,每次我尝试将其更改为时,我都会收到错误imageTemp(这是您放置图像的图像)或 image`` or messageAttachment```。我会把我的代码放在下面,这样你就可以看到问题所在。

const { MessageAttachment } = require('discord.js');
const Jimp = require('jimp');
const discord = require('discord.js')

module.exports = {
  name: "img",aliases: [],run: async (client,message,args) => {
    let messageAttachment = message.attachments.size > 0 ? message.attachments.array()[0].url : null
    try {
      let imageTemp = "https://upload.wikimedia.org/wikipedia/commons/8/8a/Banana-Single.jpg"
      let image = await Jimp.read(messageAttachment);
      let buffer = await image.getBufferAsync(Jimp.MIME_JPEG);

    Jimp.read(imageTemp).then(image => {
    image.composite(messageAttachment,10,10)
    })

      message.channel.send(new MessageAttachment(buffer));
    } catch (err) {
      console.log(err);
      message.channel.send('Oops,there was an error. Try inputting the command again.');
    }
  },};

这是我得到的结果和错误https://imgur.com/a/C6RcTOf

result

解决方法

Jimp.composite() 方法接受一个 Jimp 图像对象作为其第一个参数。不是您传入的网址 (messageAttachment)。此外,您还要在修改图像之前将其保存到缓冲区。

您提到的错误发生在 messageAttachmentnull 时。如果邮件没有附件,您应该检查并返回。

const imageTemp = "https://upload.wikimedia.org/wikipedia/commons/8/8a/Banana-Single.jpg";
const messageAttachment = message.attachments.size > 0 ? message.attachments.array()[0].url : null;

// Exit if there is no message attachment present in the message
if (!messageAttachment) return;

// Resolve the temporary image url to Jimp object
const firstImage = await Jimp.read(imageTemp);
// Resolve the message attachment image url to Jimp object
const secondImage = await Jimp.read(messageAttachment);

// Composite the two images together (modifies the firstImage object)
firstImage.composite(secondImage,10,10);

// Save the resulting image to buffer
const buffer = await firstImage.getBufferAsync(Jimp.MIME_JPEG);

// Send the buffer as a message attachment
message.channel.send("Combined image:",{files: [{ attachment: buffer }]});

enter image description here