javascript - Canvas 中不显示字符

Question

当我尝试使用 Canvas 在图片上显示文本时，某些字符和表情符号在 Windows 和 Ubuntu 上显示不正确。1 个屏幕 - 在 Windows 上，2 个屏幕 - 在 Ubuntu 上。对于任何字体，情况都是如此。在 Windows 上画布，在 Ubuntu 上画布，我刚刚通过npm install canvas.

视窗

Ubuntu

代码：

const canvas = Canvas.createCanvas(1000,333)
const ctx = canvas.getContext('2d');
        
const background = await Canvas.loadImage('https://i.imgur.com/YzwG7yk.jpeg')
ctx.drawImage(background, 0, 0, canvas.width, canvas.height)
ctx.font = '300 30px "Arial"'
ctx.fillStyle = '#ffffff'
ctx.fillText(`\nマークとニック\nPzk`, 70, 70)
const attachment = new Discord.MessageAttachment(canvas.toBuffer(), 'xp.png');
return message.channel.send(attachment)

Answer 1

您需要在服务器上安装能够呈现这些字形的字体。
如果您无法控制服务器上的字体，您可以使用registerFont加载网络字体

活生生的例子。