HTML5 Canvas images manipulation

Hello guys.. i need button to generate on thely an html5 canvas inside a div.

I need one button to set a background image (png transparent image) at canvas

i need a second button to add an image holder 215x215 (this button has to generate a new image holder as many times i press it) i need to rotate them, scale them, dragg them, when i have finish that i need a button on each holders with save text so it can return me the position (left and top based on canvas width and height), width and height ofthis imag holder. Also i need a function to set z-index of this image holders because maybe i need them behind canvas backgroud. Also if the z-index is less than canvas and the image holder go behind canvas i need the guides to be vissible infron of canvas so i can scale them drag them etc. Also i need a button so i can remove the selected generated image holder.

I need a button to put text (no z-indexx function), on the fly over the canvas and also this text must me draggable and resizable and also i need a button to remove the selected text. finaly this button must generate as texts as i want. Font family verdana.

And the last thing is a save button to merge all these to one image (jpeg or jpg) and upload it to my server's folder.

The php script that uploads this must return in my html file the filename and the path.

Or maybe something like this example:

[url removed, login to view]

HTML HTML5 jQuery / Prototype PHP Thiết kế trang web

ID dự án: #14094933

Về dự án