나는 이미지를 표시하는 데 문제가있어이 사운드가 어리석은 것을 알고 있지만 아마도 처음으로 이런 종류의 문제에 직면했습니다.이미지가 html로 왼쪽으로 회전 90도 자동으로 발행
이미지 URL : https://www.filepicker.io/api/file/KvxFiFSYQj1hGip67E0C?cache=true&w=320
내가 직접 다음 브라우저에서 문제를 열거합니다.
나는 다음과 같은 HTML을 통해 열 경우 : 자동
<img src="https://www.filepicker.io/api/file/KvxFiFSYQj1hGip67E0C?cache=true&w=320">
다음 이미지가 좌회전 90도. http://jsfiddle.net/에서이를 수행 할 수 있으며 그 결과를 볼 수 있습니다.
약간의 도움을 부탁드립니다. 감사 !
안부 마크
이미지는 그 EXIF 메타 데이터를 이용하여 회전된다. 브라우저 <img> 태그는 어떤 이유로
올바르게 이미지를 회전 imagemagick 같은 도구를 사용하여이 작업을 존중하지 않습니다. 가 설치와 실행 :
convert source.jpg -auto-orient dest.jpg
을이에 대한 몇 가지 조사 후, 분명히 이미지를 변경하지 않고이 문제를 해결할 수있는 새로운 CSS 속성, image-orientation가있다. 죄송합니다. only firefox supports this (2014 년 7 월 기준).
img {
image-orientation: from-image;
}
filepicker.io를 사용 했으므로 이미지 변환 도구를 사용하여 작업을 수행 할 수 있습니다. 파일 핸들 뒤에 /convert?rotate=exif을 추가하면 이미지가 exif 데이터에 의해 자동으로 회전됩니다.
<img src="https://www.filepicker.io/api/file/KvxFiFSYQj1hGip67E0C/convert?w=320&rotate=exif">
안녕 양피지. 여기에 문제는 내가 많은 사용자가 내 웹 사이트를 통해 사진을 업로드 자신을 가지고 있고 어느 하나가 회전하고 하나가 아닌지 모르겠다. 나는 filepicker.io를 사용하여 사진을 업로드하고 있습니다. –
@MarkThien filepicker 문서를 탐색 할 때 도움이 될만한 것을 찾았습니다. 나는 대답을 편집 할 것이다. – parchment
안녕 양피지, "에서 이미지"는 이미지 URL입니까? –
당신은 대신 바이올린 사이트를 링크의 바이올린을 제작하고 사이트가 있기 때문에 그 일을해야처럼이 http://jsfiddle.net/BCFkN/ 보이는 시도하는 다른 사람들에게로해야 그들은 당신이 이미지를 업로드하는 데 돈을 내길 원합니다 – Huangism