저는이 벽으로 머리를 두드리는 중입니다. 나는 라파스 js 버전 2.0을 가지고 있으며 이미지를 크로스 브라우저 방식으로 회전시킬 필요가있다. 나는 CSS3에서 그것을하고 싶지만 모든 브라우저가 내가해야 할 일을 지원하는 것은 아니다.RaphaelJS 로테이션이 작동하지 않습니다.
내 뇌를 고문 한 후, 나는 라파엘 놀이터에 가서 코드를 시험해 보았다. 거기에서도 작동하지 않습니다. 무슨 일 이니?
놀이터 : http://raphaeljs.com/playground.html 이 코드를 실행하면 정사각형의 윤곽이 보입니다. paper.rect (100, 100, 300,300) .animate ({rotation : "- 45"}, 2000);
사용하여 변환 작업 :
paper.rect (100, 100, 300, 300) .animate ({변환 : "R45를"}, 2000);
하지만 불행히도 transform을 사용하면 중심점을 지정할 수 없습니다. 개체를 왼쪽 하단 모서리에서 회전 시키길 원합니다. 이 코드로이 작업을 수행 할 수 있습니다
paper.rect을 (100, 100, 300, 300) .rotate (45,0,300)
하지만 애니메이션, 또는 완화 수락 또는 콜백이 없습니다. 나는이 포함 몇 가지 예에서 "회전"을 본 적이
:
http://www.irunmywebsite.com/raphael/additionalhelp.php#PAGETOP http://net.tutsplus.com/tutorials/javascript-ajax/an-introduction-to-the-raphael-js-library/
감사, - 키스
이 사진은 아직 작동 중입니다. http://raphaeljs.com/image-rotation.html – topek