Cropper.js를 사용하여 사용자가 대용량 이미지 (일반적으로 3000x3000 픽셀보다 큰 이미지)를 자르려고합니다.Cropper.js에서 규모와 큰 이미지를 다루는 방법은 무엇입니까?
이미지가 div 요소에로드 될 때 이미지의 너비는 1024px로 조정됩니다. 내 테스트의 경우 원본 이미지는 4032x2268이므로 브라우저에서 1024x576입니다.
getCropBoxData() 및 getCanvasData() 메소드는 잘라내 기 위해 선택한 영역의 x, y, 너비 및 높이 값을 반환하지만 이미지의 1024x576 크기 조정에 상대적인 값을 나타내며 실제 크기는 아닙니다. 원본 크기의 이미지.
변환 루틴을 작성하여 X 및 Y 축척 값을 결정하고 이에 따라 변환했지만 정상적으로 작동하지 않습니다.
나는이 지점에 내가 여기에 게시해서 더 간단한 방법이 있는지 알아 냈다. Cropper.js는 getImageData() 메서드에서 반환 된 scaleX 및 scaleY 값을 가진 것으로 보이지만 원하는 방식으로 작동하지 않습니다.
아무도 내가이 문제를 어떻게 해결할 수 있는지 알고 있습니까?