Save multiple overlapped transparent images to a single image

Question

I have multiple overlapped images with transparent background just like layers in photoshop each loaded in "img" tag. I need to change color of some layers and i did it by using javascript, now i want to merge all the images and save them into single image file just like in photshop. Do anyone have any idea on this? Can anyone suggest me any plugin for this?

Thanks in advance

Related? http://stackoverflow.com/questions/60455/take-a-screenshot-of-a-webpage-with-javascript More precisely, I'm referring to this: http://html2canvas.hertzen.com/ You can take "screenshot" of the element that contains all the layers. — nhahtdh, Sep 02 '12 at 12:10

score 0 · Accepted Answer · answered Sep 02 '12 at 12:12

0

The simplest is to have an HTML canvas and then

draw images on it, setting the alpha depending on the transparency you want for each image
save the canvas as PNG using toDataURL()

answered Sep 02 '12 at 12:12

Denys Séguret

372,613
87
782
758

Save multiple overlapped transparent images to a single image

1 Answers1