inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React로 NodeBird SNS 만들기

이미지 회전하기

해결된 질문

613

아따마

작성한 질문수 18

0

이미지 업로드시 휴대폰으로 찍은 사진의 회전값을 변경하려고 합니다.

Exif Orientation에 대한 정보를 찾아 봤는데, 프론트에 변경된 값을 랜더링하니 이전 이미지가 다시 변경되어,

백단에서 저장하기 전에 정보를 변경하고 이미지를 회전하여 저장하려고 합니다.

어떤 방법이 있을까요?

react javascript

답변 6

1

제로초(조현영)

아이폰 등으로 사진을 찍는 경우에 화면이 회전되어나와서 제가 캔버스와 exif 라이브러리로 돌려줬던 기억이 있습니다.

1

제로초(조현영)

회전방향을 파악하는 라이브러리를 처음에 왜 추가하셨던건가요??

1

제로초(조현영)

기존 이미지랑 새 이미지를 별도의 스테이트로 만들어서 기존 이미지는 읽기전용으로 두시고 새 이미지를 조작하고 화면에 렌더링하시면 되겠습니다.

0

아따마

저도 아이폰으로 찍은 사진인데 ,근데 제가 코드 작업을 하다가 회전에 대한 옵션을 지웠는데 방향이 정방향으로 나와요. 분명 방향 값은 정방향 값이 아닌데. 크롬브라우져에서 지원을 하는 건가요? 

0

아따마

휴대폰으로 가로로 찍은 사진을 업로드하니 회전 방향이 변경된 채로 업로드가 되서 정방향으로 보이게 하려고 했습니다.

0

아따마

적용하고 있는중에 안되서 코드를 삭제했는데 자연스럽게 이미지가 정상 이미지로 되는데 회전방향을 변경하기조 않고 transform 옵션을 삭제 했는데 크롬에서 지원하는 건가요? 갑자기 동작하네요

next 10 이상에서는 redux dev tool 구동이 안되나요?

0

272

1

세션 갱신 문의 건

0

482

7

배포 진행 후 Highlight updates components render 표시

0

445

1

똑같은 기능을 하는 테이블

0

447

4

관계형

0

312

2

프론트 서버를 이용하지 않는경우

1

299

3

인피니트 스크롤링 사용시 오류

0

278

0

계속 이런에러가 떠서 해결하기는 했는데 어떤 의미인지 모르겠습니다.

0

433

2

req.user가 언제 생성되나요??

0

330

2

Cannot read property 'id' of null 에러

0

333

1

리트윗한 게시글 불러오는 sequelize

0

252

1

result.data에서 images인 이유

0

281

2

takeLatest에 대한 질문입니다.

1

342

2

프론트에서 express를 사용하지 않을때 동적라우팅

0

501

6

getInitialProps가 클라이언트에서 수행되는 이유?

0

258

1

리로드하면 팔로우 언팔로우 값이 초기화 되는 문제입니다.

0

445

2

스타일드 컴포넌트와 className을 통한 스타일 적용의 차이에 대해 궁금합니다

0

585

2

할인 쿠폰 사용이 안되는되요 (848-f9af83f183e3)

0

365

1

nodejs mvc 패턴

0

975

4

사용하고 보니, 람다 구성이 궁금합니다!

0

266

1

제로초님

0

445

1

새로고침 로그인 풀림 문제.

0

247

1

안녕하세요. 강의 너무 감사합니다

0

157

1

제로초님

0

170

1