2013-10-16 3 views
0

Cloudny의 javascript/node.js 라이브러리를 사용하여 다양한 방법 (크기, 자르기, 맞춤 등)을 사용하여 크기가 조정 된 이미지를 생성합니다.크기 조정 된 이미지 (크기/엄지/기타) 이미지를 어떻게 감지합니까?

도서관은 지정된 변환 옵션에 따라 URL을 반환하지만 -

가로드 될 때까지 나는 이미지의 크기를 알아야하지 않으며, 이미지를 사용자가 만든 콘텐츠가 있으며, 때문에 수 종횡비가 다르거 나 표시된 최대 크기보다 작 으면 크기가 필자가 옵션에서 지정한 크기 일 필요는 없습니다. 그냥 srcalt 값과 img 태그를 사용할 수 있지만

, 당신은 정말 또한 width 지정하고 height, 또는 (HTML 페이지의 렌더링 속도를 느리게 할 수 있습니다 이미지 기다리고 레이아웃이나 recalaulting 전에로드한다 브라우저 및 기타 요소에 따라 이미지로드시 레이아웃).

Cloudinary는 원본 이미지의 크기와 크기가 조정 된 이미지를 생성하는 데 사용 된 알고리즘을 알고 있으므로 크기를 조정 한 이미지의 최종 너비와 높이를 감지 할 수는 있지만 이해할 수는 없습니다 사용 가능한 라이브러리 중 하나를 사용하십시오.

내가 갖고 싶었던 기능, 현재 존재하는 라이브러리 또는 예가있는 예제가 있습니까?

답변

1

업로드 프로세스에서 업로드 된 이미지의 크기를 추적 한 다음 이미지를 표시 할 때 예상되는 크기를 계산할 수 있습니다. 크기는 업로드 요청에 대한 응답으로 제공됩니다. Node.js server side upload을 참조하십시오.

또는 eager transformations을 사용하고 응답에서 변형 후 이미지의 크기를 가져 와서 해당 데이터를 저장하고 이미지를 표시 할 때 사용할 수 있습니다.