Overlay 2 pictures (1 transparent) and download them overlayed

Question

I have to program a website on which I should upload a picture and add a frame to it. I would save the frames as a transparent PNG and overlay them over the uploaded one. After that it should get downloaded with the overlayed frame.

Answer 1

You need to create a Canvas element, and draw the two images in its context, later on you can get the data of the canvas and save it to a file.