Блог

Привет я использую НПМ пакет холст , я получаю проблему при оформлении другое изображение на моем фоне изображения, которое я пытаюсь загрузить из API источника, так его URL вопроса у меня возникли, когда я загрузить изображение его становится зеленовато вот ссылка на изображение , обратите внимание, я использую node.js и изображение, которое я пытаюсь загрузить размер 200 x 200 пикселей , я не знаю, почему 2-я имиджа ведет себя такой вот код для моего приложения.

                     const loadImage = await Canvas.loadImage(data.clan.badgeUrls.medium)
            
                    const canvas = Canvas.createCanvas(755, 485)

                    const context = canvas.getContext('2d');

                    const backGroundImg = await Canvas.loadImage("https://media.discordapp.net/attachments/662341843861766164/845700894972706816/welcome-image.png")

                    context.drawImage(backGroundImg, 0, 0, canvas.width, canvas.height); 
                  
                    context.stroke();

                    context.strokeStyle = 'white'

                    context.strokeRect(30, 45, 690, 400);
                   
                    context.drawImage(loadImage, 60, 45);
 

Пожалуйста, скажите мне, как я могу это исправить ? Заранее спасибо

У меня была та же проблема при обновлении node canvas до более новой версии. Для меня проблема была устранена после повторного создания холста узла из исходного кода путем выполнения следующей команды: npm install --build-from-source