imageresizer : 자르기 및 회전을 올바른 순서로 편집기에서 수행하려면 어떻게해야합니까?

Question

http://imageresizing.net/ 도구를 사용하여 편집기를 만듭니다.

사용자는 자르기 및 회전 만 할 때 첫 번째 작물 다음 이미지의 좌표는 왼쪽 상단 50 × 50의 작물과 100 × 100 이미지 제공, 예를 들어

을 변경 한 때문에 올바른 작물 좌표를 잃고 회전 할 수 있습니다 그러면 픽셀이 시계 방향으로 회전하고 소스 이미지의 원래 하단 왼쪽 50x50 픽셀로 자르기를 표시합니다.

이미지와 또 다른 예 :

단계 한 작물 :

두 번째 단계 회전 :

이

가 이

좌표가 변경되지 않은,하지만 지금은 더있다 적절한 수확 지역을 더 길게

원점 대신 원본을 기준으로 자르기를 알고있는 사람은 누구입니까?

Answer 1

StudioJS과 같은 것을 만들고 있습니까?

StudioJS는 ImageResizer.js을 사용하여 명령 문자열을 관리하고 좌표를 변환합니다.

사용자가 이미지를 자르고 회전하고 다시 자르는 워크 플로를 생각해보십시오. 원래 자르기를 유지하려면 자바 스크립트에서 좌표를 변환해야합니다. ImageResizer.js가이 작업을 수행 할 수 있습니다.