이미지 회전 문제

안녕하세요? 개발 진행 중 도움이 필요합니다.

앨범에서 사진을 가지고 오면 exif 회전이 적용되지 않은 그냥 base64로 가지고 와지기에 회전을 해보려고 하는데 잘 안되네요. rn 개발을잘 몰라서 되는건지 아니면 다른 방법을 써야 하는지 감도 못잡고 있습니다.

  1. 이미지 가지고 올 때 exif 값을 통한 자동 회전 적용 기능은 없는지.
  2. base64로 가지고 온 이미지를 회전하려면 어떻게 해야 하는지.

react-native-photo-manipulator와 같은 라이브러리로 base64 이미지를 회전시키려고 하면 안됩니다. native와 연계되어 작동하는 것 같은데, 지금 환경에서 적용이 안되더라구요. expo, non-expo 다 안되는 것으로 보여서. 다른 방법이 생각이 안납니다. 도움 주시면 감사하겠습니다.

안녕하세요 :slight_smile:
fetchAlbumPhotos 함수는 회전 기능을 제공해주지 않는데요!
css (rotate) 로 회전처리는 어려우신가요 ?

바쁘신데 답변 감사드립니다.

사람들이 세로로 사진을 찍는 경우가 대부분이라, 가능하면 앨범에서 가지고 올때 meta에서 exif의 회전이 적용된 결과물을 받아 올 수 있으면 좋겠어요. base64에는 meta 정보가 없어서 rn 할아버지가 와도 해결 불가능. (안드로이드)

css rotate 회전으로 가능하긴한데, 정사각형으로 보여줄 때는 문제가 없는데 css로 회전을 하면 가로세로 틀과 관계없이 회전되기에 잘려서 회전이 됩니다. 화면구성에 어려움을 겪고 있습니다.

예)
사진을 세로로 촬영 => 4:3 이미지 생성됨, 90도 회전이 필요.
4:3 이미지를 로드해서 회전하면 4:3 프레임 안에 잘리고 회전된 3:4 이미지가 생성됨. (resize 모드에 따라 다르지만, 틀을 벗어나거나 틀 안에 생성됨)

혹시 다른 분들도… 이 문제를 해결하는 기발한 아이디어가 있다면 알려주세요!