How To Save Image After I Successfully Rotate Using Jquery ?

See more:

Javascript

HTML

jQuery

HTML5

Hello,

I am using this code, Image Rotation , please help me how to save image after i rotate it. My code is here:-

function rotateImage(degree) {
	$('#image').animate({  transform: degree }, {
    step: function(now,fx) {
        $(this).css({
            '-webkit-transform':'rotate('+now+'deg)', 
            '-moz-transform':'rotate('+now+'deg)',
            'transform':'rotate('+now+'deg)'
        });
    }
    });
}
</script>

This is the HTML Code for this jquery:-

<div>
<label>Rotate Image:</label>
<input type="button" class="btnRotate" value="90" onClick="rotateImage(this.value);" />
<input type="button" class="btnRotate" value="-90" onClick="rotateImage(this.value);" />
<input type="button" class="btnRotate" value="180" onClick="rotateImage(this.value);" />
<input type="button" class="btnRotate" value="360" onClick="rotateImage(this.value);" />
</div>
<div><img src="mobile.jpg" id="image" /></div>