프로그래밍
자바스크립트를 이용하여 비율에 맞춰서 지정된 사이즈로 그림크기 조정 하기
feelnthink
2011. 2. 23. 11:09
<script language="javascript">
function resizeImg(imgObj) {
// 이미지 별도 로딩으로 원래 사이즈 추출
var imgOriginal = new Image();
imgOriginal.src = imgObj.src;
// 가로와 세로 중 어느걸 기준으로 줄일지 결정
var baseAxis;
if ( (imgOriginal.width / imgObj.width) >
(imgOriginal.height / imgObj.height) )
baseAxis = 'width';
else
baseAxis = 'height';
// 결정된 기준을 바탕으로 나머지 길이를 리사이징
if (baseAxis == 'width') {
imgObj.height = Math.round(imgOriginal.height *
(imgObj.width / imgOriginal.width));
} else { // baseAxis == 'height'
imgObj.width = Math.round(imgOriginal.width *
(imgObj.height / imgOriginal.height));
}
}
</script>