javascript - 이미지 가로, 세로길이 리사이징 처리
제목 : javascript 로 이미지 가로길이, 세로길이 resize
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script language="JavaScript">
function resize(img){
// 원본 이미지 사이즈 저장
var width = img.width;
var height = img.height;
// 가로, 세로 최대 사이즈 설정
var maxWidth = width * 0.5; // 원하는대로 설정. 픽셀로 하려면 maxWidth = 400
var maxHeight = height * 0.5; // 원래 사이즈 * 0.5 = 50%
//document.write(maxWidth+"<br>");
//document.write(maxHeight+"<br>");
// 가로나 세로의 길이가 최대 사이즈보다 크면 실행
if(width > maxWidth || height > maxHeight){
// 가로가 세로보다 크면 가로는 최대사이즈로, 세로는 비율 맞춰 리사이즈
if(width > height){
resizeWidth = maxWidth;
resizeHeight = Math.Round((height * resizeWidth) / width);
// 세로가 가로보다 크면 세로는 최대사이즈로, 가로는 비율 맞춰 리사이즈
}else{
resizeHeight = maxHeight;
resizeWidth = Math.Round((width * resizeHeight) / height);
}
// 최대사이즈보다 작으면 원본 그대로
}else{
resizeWidth = width;
resizeHeight = height;
}
// 리사이즈한 크기로 이미지 크기 다시 지정
img.width = resizeWidth;
img.height = resizeHeight;
document.write(resizeWidth+"<br>");
document.write(resizeHeight+"<br>");
}
</script>
</head>
<body>
<img src="/1.jpg" onload="resize(this)"> <!-- 이미지 경로 -->
</body>
</html>
내용 : javascript 로 이미지 리사이징 하는 간단한 방법, asp loadpicture 해도 되긴하지만...
출처 :