이미지 자르기 부분

Question

overflow:hidden이있는 div가 있습니다. .draggable()) (일반적으로 div보다 큽니다.) 이미지의 보이는 부분 만 가져 와서 서버 쪽 스크립트로 보내고 새 파일로 저장해야합니다. 그래서 제 질문은, 어떻게, 당신은 당신이 사업부에서 이미지를 이동하는 방법에 따라 두 가지 옵션이 있습니다? 해당 보이는 부분

감사합니다!

Answer 1

해결 방법은 드래그 할 수있는 x, y 위치를 가져 오는 것입니다. div에 .top() 및 .left()를 사용하여 해당 데이터를 가져올 수 있습니다. 그런 다음 위쪽, 왼쪽, 너비, 높이 데이터를 사용하여 전체 이미지를 서버로 보내고 서버 측에서 잘라냅니다.

캔버스 캔버스 HTML5 요소와 까다로운 javascript를 사용하여 클라이언트 측으로자를 수 있다고 생각합니다.

Answer 2

을 얻을 자바 스크립트를 사용하여 입력의 매개 변수를 저장하는 것입니다 전송할 때 POST 메서드를 사용하여 전달하십시오.

예를 들어 TOP 왼쪽 이미지가 -375px 인 경우 375px에서 (375px + div의 너비까지) 이미지를 잘라내어 최상위 이미지를 만들어야한다는 것을 알고 있습니다.

이 http://deepliquid.com/content/Jcrop.html

Answer 3

당신은 절대 상단을보고 이미지의 왼쪽 값과 같은 최고와 비교하고 사업부의 왼쪽한다

에서,을 :

더 나은 옵션이 좋은 jQuery 플러그인을 사용하는 것입니다 차이점을 div 너비와 함께 제공하고이 모든 데이터를 다른 프로그램/라이브러리를 통해 이미지를자를 수있는 서버쪽에 보냅니다.