Наложение двух изображений PNG с JavaScript и сохранить новое изображение в файл

Question

В сценарии javascript мне нужно наложить два изображения PNG на одно, а затем сохранить новое изображение в виде одного файла. Мой скрипт не работает внутри веб-страницы, но полностью пакетный.

Я представлял себе функцию, подобную этой:

newPng = mergePng (png1, png2);

Я долго искал библиотеку javascript, которая позволила бы мне получить желаемый результат, но я не нашел его. Я также пробовал среди предыдущих вопросов здесь о Stackoverflow, но я не нашел никаких решений.

Кто-нибудь знает, существует ли функция, которую я ищу?

Спасибо.

Answer 1

Вы можете png файлы внутри холста

drawing = new Image();
drawing2 = new Image();
drawing2.src = "draw2.png";
drawing.src = "draw.png";
drawing.onload = function() {
   context.drawImage(drawing,0,0);
   context.drawImage(drawing2,0,0);
};