Cómo girar la imagen y guardar la imagen.
En mi aplicación tengo una imagen en un div, un botón.
Quiero rotar la imagen que se muestra y guardar la imagen girada cuando hago clic en el botón con jquery.
Ya utilicé el código:
http://code.google.com/p/jquery-rotate/
y código de 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);
});
});
código HTML:
<img src="demo_files/pool.jpg" id="cropbox" />
<input type="button" id="img" name="img" value="click" />
Cuando uso el código anterior, hay dos imágenes, una es la imagen antigua y la otra es la imagen girada.
Aquí quiero rotar la misma imagen y mostrar solo la imagen girada. Y guardar la imagen girada en un directorio.
¿Cómo puedo hacer esto usando jquery? Si no es posible con jquery, ¿cómo puedo hacerlo con php / ajax?