问题是您想在 Promise 的.then()
方法之外发送文件。当您调用await message.channel.send()
该文件时,该文件刚刚被读取,jimp
并且output-image.jpg
还远未准备好。
使用异步等待
由于您的run()
方法已经是一个异步函数,您可以使用 async-await 使您的代码更具可读性。这样,您就可以摆脱回调并更容易地跟踪正在发生的事情以及按照什么顺序。
缓冲区而不是文件
正如 Skulaurun Mrusal 在他们的评论中提到的那样,您甚至不需要保存文件,您只需发送一个缓冲区即可。Jimp 有一种.getBuffer()
方法可以用来生成图像的二进制缓冲区。
您可以将此缓冲区作为附件发送。Discord.js 有一个MessageAttachment
接受缓冲区作为第一个参数的对象。您可以将此附件传递给message.channel.send(new MessageAttachment(buffer))
.
接受超过一个单词的文本
目前,由于 yourargs
是一个以空格分隔的字符串数组,因此您只能添加一个单词作为顶部的文本,另一个作为底部的文本。"
接受双引号 ( )内的两个较长文本可能更容易。
所以命令应该像这样使用:
!cat "This is the text on the top" "And we are down here"
您可以使用匹配双引号内的字符串的“简单”正则表达式。在下一个示例中,您可以看到它matches
是双引号内的两个子字符串的数组。它们也包括引号,因此您需要使用一种String#replace()
方法来消除它。
let content = '!cat "This is the text on the top" "And we are down here"'
let matches = content.match(/"(.*?)"/g)
console.log({ matches })
文本对齐
目前,您正在使用“幻数”(60、22、350、5 等)来定位文本。它不起作用并且(取决于通过命令提交的文本)它将遍布整个图像,并且它可能永远不会居中。
Jimp 有不同的对齐模式可供您利用。要将文本水平居中对齐,可以使用HORIZONTAL_ALIGN_CENTER
, 对齐顶部,可以使用VERTICAL_ALIGN_TOP
等。确保将最大宽度和最大高度设置为图像的宽度和高度。您可以使用image.bitmap.width
和image.bitmap.height
工作代码
const { MessageAttachment } = require('discord.js');
const Jimp = require('jimp');
module.exports = {
name: 'cat',
aliases: [],
run: async (client, message, args) => {
let matches = message.content.match(/"(.*?)"/g);
let [topText, bottomText] = matches
? matches.map((m) => m.replace(/"/g, '').toUpperCase())
: args;
if (!topText)
return message.channel.send(`Don't forget to add the text you want to print`);
try {
let image = await Jimp.read('cat.jpg');
let font = await Jimp.loadFont(Jimp.FONT_SANS_64_WHITE);
let padding = 40;
let pos = {
x: 0,
yTop: padding,
yBottom: padding * -1,
maxWidth: image.bitmap.width,
maxHeight: image.bitmap.height,
};
image.print(
font,
pos.x,
pos.yTop,
{
text: topText,
alignmentX: Jimp.HORIZONTAL_ALIGN_CENTER,
alignmentY: Jimp.VERTICAL_ALIGN_TOP,
},
pos.maxWidth,
pos.maxHeight,
);
if (bottomText)
image.print(
font,
pos.x,
pos.yBottom,
{
text: bottomText,
alignmentX: Jimp.HORIZONTAL_ALIGN_CENTER,
alignmentY: Jimp.VERTICAL_ALIGN_BOTTOM,
},
pos.maxWidth,
pos.maxHeight,
);
let buffer = await image.getBufferAsync(Jimp.MIME_JPEG);
message.channel.send(new MessageAttachment(buffer));
} catch (err) {
console.log(err);
message.channel.send('Oops, there was an error. Maybe try again later?!');
}
},
};
结果
猫的图像可在Unsplash上找到。