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

时间:2018-05-03 10:10:02

标签: javascript png overlapping

在javascript脚本中,我需要将两个png图像叠加到一个,然后将新图像保存为单个文件。 我的脚本在网页内无效,但完全批量处理。

我想象的功能是这样的:

newPng = mergePng(png1,png2);

我一直在寻找一个允许我得到我想要的结果的javascript库,但是我找不到它。我还在Stackoverflow上的先前问题中尝试过,但我没有找到任何解决方案。

有谁知道我寻找的功能是否存在?

谢谢。

1 个答案:

答案 0 :(得分:0)

您可以在画布中输入文件

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