비례공식 - 이미지의 가로, 세로 비율유지 (자바스크립트)

앞서 본 비례공식의 일차함수, 내항외항의 곱과 같다.

 

스크립트는 자바스크립트 이다.

 

대응점 = 현재위치 * 대응너비 / 현재너비

 

var _stageHeight = $(window).height();
var _stageWidth = $(window).width();
var IMAGE_WIDTH = 1000;
var IMAGE_HEIGHT = 800;

//높이제어(세로기준으로 가로를 맞춤)
if(_stageHeight < _imageHeight || _stageHeight > _imageHeight){ //플랫폼이 이미지의세로보다 작거나 크면
 _imageHeight = _stageHeight; //이미지의 세로를 플랫폼으로 맞추고
 _imageWidth = _stageHeight * IMAGE_WIDTH/IMAGE_HEIGHT; //세로에따른 비율계산
}


//가로제어(가로기준으로 세로를 맞춤)
if(_stageWidth > _imageWidth){ //플랫폼이 이미지의가로보다 크면
 _imageWidth = _stageWidth; //이미지의 가로를 플랫폼으로 맞추고
 _imageHeight = _stageWidth * IMAGE_HEIGHT/IMAGE_WIDTH; //가로에따른 비율계산
}

 

var sw:Number = _stage.stageWidth;
_main_mc.box_mc.width = sw;
_main_mc.box_mc.height = 425*sw/956; (H:425 = sw : 956)