2017-05-17 19 views
0

Cropper.js를 사용하여 사용자가 대용량 이미지 (일반적으로 3000x3000 픽셀보다 큰 이미지)를 자르려고합니다.Cropper.js에서 규모와 큰 이미지를 다루는 방법은 무엇입니까?

이미지가 div 요소에로드 될 때 이미지의 너비는 1024px로 조정됩니다. 내 테스트의 경우 원본 이미지는 4032x2268이므로 브라우저에서 1024x576입니다.

getCropBoxData() 및 getCanvasData() 메소드는 잘라내 기 위해 선택한 영역의 x, y, 너비 및 높이 값을 반환하지만 이미지의 1024x576 크기 조정에 상대적인 값을 나타내며 실제 크기는 아닙니다. 원본 크기의 이미지.

변환 루틴을 작성하여 X 및 Y 축척 값을 결정하고 이에 따라 변환했지만 정상적으로 작동하지 않습니다.

나는이 지점에 내가 여기에 게시해서 더 간단한 방법이 있는지 알아 냈다. Cropper.js는 getImageData() 메서드에서 반환 된 scaleX 및 scaleY 값을 가진 것으로 보이지만 원하는 방식으로 작동하지 않습니다.

아무도 내가이 문제를 어떻게 해결할 수 있는지 알고 있습니까?

답변

0

알아 냈습니다. 여기에 문제가 있습니다. getCropData() 메서드에서 반환 된 "y"값이 잘못되었습니다. "x"값도 틀릴 수도 있지만 100 % 확신 할 수는 없습니다. 내가 한 일은 getData() 메서드에서 x와 y 값을 꺼내는 것이 었습니다. 나는 이것이 누군가 언젠가 도움이되기를 바랍니다!