캔버스 나 Ajax없이 이미지를 JavaScript로 회전시킬 수 있습니까?

Question

HTML5 캔버스 요소 또는 서버 측 스크립트로 AJAX 호출을 사용하는 몇 개의 JavaScript 이미지 회전기를 보았지만 해당 메소드를 사용하지 않고 수행 할 수 있습니까? Internet Explorer는 캔버스를 지원하지 않습니다 (엑스 칸바를 알고 있지만 가능하지 않은 경우하고 싶습니다). Ajax가 충분히 유동적인지 확실하지 않습니다. 방법이 있다면, 당신이 나를 가리킬 수있는 오픈 소스 스크립트, 예제 또는 리소스가 있습니까?

Answer 1

아아, CSS는 어떤 식 으로든 회전 이미지, 모양 또는 형태를 지원하지 않습니다 (계산하지 않는 한 CSS 변환, 이것은 Safari 4와 Firefox 3.1에 의해서만 지원됩니다).

가장 좋은 방법은 사용하는 것입니다 라파엘SVG 사용) 및 대부분의 IE (VML 사용)를 지원 해야하는 'S image () 및 Rotate ().

Answer 2

이 jQuery 플러그인은 IE를 포함한 주요 브라우저에서 작동합니다. http://wilq32.googlepages.com/wilq32.rollimage222 . 그것은 엑스전을 사용하지만 적어도 그 방법이 당신의 목적에 충분한 지 평가할 수 있습니다.

Answer 3

Google은 친구입니다.http://www.walterzorn.com/rotate_img/rotate_img.htm

그러나이 기술의 단점 (언급 한 바와 같이)은 수많은 DIV를 삽입하여 해킹을 사용하여 브라우저를 약간 느리게 할 수 있다는 것입니다. 주의해서 사용하십시오. 이와 같은 문제는 캔버스 태그가 처음에 생성 된 이유입니다.

Answer 4

예, CSS 변환을 통해 :

 var degree=180;
 document.getElementById('image_name').style.transform='rotate('+degree+'deg)';