Добавление нескольких изображений на холст - PullRequest
Новая
       60

Добавление нескольких изображений на холст

0 голосов
/ 01 июня 2019

Я пытаюсь создать «баннер», на котором есть информация, включая изображения.

Баннер выглядит так:

enter image description here

Изображение будет помещено в круг, а затем текст будет в других областях.

Моя попытка не удалась, поскольку создается пустое изображение. 

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();

Что я делаю не так?

...