준영의 지식 블로그 준영의 지식 블로그

현재 회사에서 개발중인 서비스에서, 이미지를 크롭해서 업로드하는 기능이 아이폰 사파리에서만 작동하지 않는 오류를 발견했다. 문제의 원인은, 이미지를 크롭할 때 webAPI 인 canvas 를 사용하는데, iOS 사파리에서는 canvas의 픽셀 너비가 일정 크기를 넘어가면 캔버스를 그릴 수 없게 하는 스펙이 있었던 것이다. 그런데 현재 iOS 에서 제한하는 픽셀 크기는 약 4096x4096 인데, 내가 올린 이미지는 2000 x 2000 이 채 넘지 않았다. 그래서 캔버스를 그리는 로직을 재점검해봤더니, 크롭 영역만큼 캔버스 너비를 그리는 계산에 devicePixelRatio 라는 값이 포함되어 있었다. 이 값이 심상치 않아서 알아봤더니, devicePixelRatio 는 아이폰과 같은 고해상도 디스플레이..