스마트 폰 카메라로 html5 사진 캡처, 이미지 회전 CW

Question

모바일 브라우저 (FF 및 Chrome)에서 html5 기능을 테스트합니다. < input type="file" accept="image/*;capture=camera">을 사용하여 이미지를 캡처하고 싶습니다.

"change"이벤트에 대한 핸들러를 < input />으로 만들고 파일 데이터 (이름 및 내용)를 가져와이 기사에서 설명한 접근 방식을 사용합니다. http://www.html5rocks.com/en/tutorials/file/dndfiles/. 그 후 img.src = content로 사진의 내용을 < img />에 표시합니다. 문제는 장치 카메라로 사진을 90도 회전 시켰을 때 장치에서 img를 선택할 때 하드 드라이브의 ok (회전하지 않음)입니다.

FF 및 Chrome (Android 기기)에서이 문제가 발생합니다. 다른 브라우저/장치에서이 사례를 테스트하지 않았습니다.

나는 정말 도움이 될 것입니다.

최저

, 크리스

Answer 1

당신은 사진의 EXIF ​​데이터를 읽을 필요하고 적절하게 사용자가 사진을 촬영 한 방법의 방향에 따라 회전.

다른 사람이 이미이 문제를 처리했으며 예제로 https://github.com/gokercebeci/canvasResize을 통해 샘플을 볼 수 있습니다.