Как повернуть изображение и сохранить изображение
В моем приложении у меня есть изображение в div, кнопка.
Я хочу повернуть отображаемое изображение и сохранить повернутое изображение, когда я нажал на кнопку с помощью jquery.
Я уже использовал код:
http://code.google.com/p/jquery-rotate/
и код JQuery:
$(function() { // doc ready
var rotation = 0; // variable to do rotation with
$("#img").click(function() {
rotation = (rotation + 45) % 360; // the mod 360 probably isn't needed
$("#cropbox").rotate(rotation);
});
});
HTML-код:
<img src="demo_files/pool.jpg" id="cropbox" />
<input type="button" id="img" name="img" value="click" />
Когда я использую приведенный выше код, есть два изображения, одно - старое изображение, а другое - повернутое изображение.
Здесь я хочу повернуть то же изображение и отображать только повернутое изображение. И сохранить повернутое изображение в каталоге.
Как я могу сделать это с помощью jquery? Если это невозможно с jquery, то как я могу сделать это с php / ajax?