[Front end] jQuery 이미지 회전 Rotate

 

http://beneposto.pl/jqueryrotate/

jQueryRotate - rotate image in browser by any angle

jQuery를 통해 이미지 회전이 필요할 때 관련 라이브러리를 추가하여 기능 구현을 하면 된다. 아래와 같이 다양한 예제들이 소개되어 있다.

$("#img").rotate(45);

$('#img').rotate({
    angle:45
});

$('#img').rotate({
    angle: 0,
    animateTo:180
});

$('#img').rotate({
    angle: 0,
    center: ["50%", "100%"],
    animateTo:180
});

$('#img').rotate({
    duration:6000,
    angle: 0,
    animateTo:100
});