Creating, moving, rotating, scaling and removign images!, Creating, moving, rotating, scaling and removign images! Options

[stan0033]

Hey All! I am wodnering how to create a functionality in my site like this:


1.call image from page's directory by clicking a string on the dropdown context menu button!
- position it in the center of a canvas when created!
- allow the image to be draggable across the whole page(with mouse dragging)!
- there is a recycle bin image next to the canvas when you drop the image there to remove it from the page!
- can resize the image and rotate it! (with mouse preferable)
2.How to set the canvas to plain black rather than transparent? (right click, view image/save image)

The point is to call some images, position them on the canvas adn then save the canvas as image! \so, i call an image from the directory, i can move it and resize it, rotate it and remove it.
I assume this requires javascript or css so, hope someone can help me here, that's all I need for my page!

Thanks in advance!

This post has been edited by stan0033: Sep 20 2015, 09:35 AM