Place and image over another image - Javascript & PHP

Question

Simple website that will have an image in the background. Always fixed image.

Then the user will upload an image which will be overlay with the background image. Then user can resize the image they uploaded and then rotate, resize etc to suit the background.

Finally once uploaded image is loaded correctly they save. This has be using javascript and php. User can do all the rotating, zooming of their uploaded image and save file in php to send new file to user.

Question is how to create the system that accepts and image and allows user to rotate and resize their images to fit the background on the browser. Any recommended javascript plugin that can allow rotation and resizing image so that user can fit it with the background image?

Please see attachment explaining in detail

Answer 1

use CSS rotation and absolute positioning.