将多个图像添加到画布中

Question

我正在尝试创建一个包含有关信息（包括图像）的“横幅”。

横幅看起来像这样：

将图像放置在圆圈上，然后将文本放置在其他区域。

我的尝试失败，因为创建了空图像。

const { createCanvas, loadImage } = require('canvas');

    const canvas = createCanvas(901, 231)
    const ctx = canvas.getContext('2d');
    const ctxAvatar = canvas.getContext('2d');
    const ctxSkin = canvas.getContext('2d');
    loadImage('assets/images/avatar.png').then(avatar => {
        ctxAvatar.drawImage(avatar, 50, 0, 70, 70);
        loadImage('assets/images/banner.png').then(banner => {
            ctx.drawImage(avatar, 50, 0, 70, 70);
            ctx.drawImage(banner, 50, 0, 70, 70);
        });
    });
    const output = canvas.toBuffer();

我在做什么错？