Как повернуть изображение и сохранить изображение

В моем приложении у меня есть изображение в 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?

Ответы на вопрос(4)

Ваш ответ на вопрос