使用javascript重叠两个png图像,并将新图像另存为文件

使用javascript重叠两个png图像,并将新图像另存为文件,javascript,png,overlapping,Javascript,Png,Overlapping,在javascript脚本中,我需要将两个png图像叠加成一个,然后将新图像保存为单个文件我的脚本在网页中不起作用,但完全是批处理的。 我想象的功能是这样的: newPng=mergePng(png1,png2) 我一直在寻找一个javascript库,它可以让我得到我想要的结果,但我没有找到它。在Stackoverflow之前的问题中,我也试过了,但没有找到任何解决方案 有人知道我要找的函数是否存在吗 谢谢。您可以在画布中保存png文件 drawing = new Image(); drawi

在javascript脚本中,我需要将两个png图像叠加成一个,然后将新图像保存为单个文件我的脚本在网页中不起作用,但完全是批处理的。

我想象的功能是这样的:

newPng=mergePng(png1,png2)

我一直在寻找一个javascript库,它可以让我得到我想要的结果,但我没有找到它。在Stackoverflow之前的问题中,我也试过了,但没有找到任何解决方案

有人知道我要找的函数是否存在吗


谢谢。

您可以在画布中保存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);
};

1) 首先让我们看看你尝试了什么。2) 试试看canvasHi Andrei。据我所知,Canvas是一个HTML元素。我要覆盖的png图像不在网页内。我猜您正在使用node。。。。如果是的话。。。试试这个谢谢你的回复,莫伊冈兹。然而,我的javascript不是在网页中执行的,而是成批执行的。如果我没有弄错的话,画布是HTML的一个元素。
drawing.src=“C:\users\s\videos\draw.png”返回错误。我该怎么办@moigonz我正在控制台中输入。