어도비 가장자리 애니메이션 스테이지와 프리 로더를 가로 및 세로 가운데에 맞 춥니 다.

Question

나는 Adobe Edge 애니메이션을 만들었습니다. 이제 애니메이션과 프리 로더의 중심에 놓기를 원합니다. 항상 내 브라우저의 가운데에 horizonaly와 verticaly가 표시됩니다.

도와주세요.

나는 다음과 같은 스레드 발견 http://forums.adobe.com/thread/979124?promoid=KBHBD

을하지만 아무것도 나를 위해 작동하지 않습니다.

Answer 1

다음 코드를 사용하여 스테이지를 가운데에 맞춰 크기를 조정하여 창에 맞출 수 있습니다. 크기를 조정하고 싶지 않고 가운데 맞추기 만하면 크기 조정 부분을 간단히 제거 할 수 있습니다. 이 코드를 스테이지 구성 요소의 window.resize 이벤트에 붙여 넣을 수 있습니다 (윈도우> 코드> 스테이지> 이벤트> 크기 조정).

var stageHeight = $("#Stage").height(); 
var stageWidth = $("#Stage").width(); 
// console.log("stageHeight " + stageHeight); 
// console.log("stageWidth " + stageWidth); 
var ratio = stageWidth/stageHeight; 
var bodyHeight = $(window).height(); 
var bodyWidth = $(window).width(); 
// console.log("bodyHeight " + bodyHeight); 
// console.log("bodyWidth " + bodyWidth); 
var bodyRatio = bodyWidth/bodyHeight; 
var newStageHeight = bodyHeight; 
var newStageWidth = bodyWidth; 
var leftPos = 0; 
var topPos = 0; 
// fit width 
if (bodyRatio < ratio) { 
    newStageWidth = bodyWidth; 
    newStageHeight = newStageWidth/ratio; 
    topPos = 0.5 * (bodyHeight - newStageHeight); 
} 
// fit height 
else if (ratio < bodyRatio) { 
    newStageHeight = bodyHeight; 
    newStageWidth = newStageHeight * ratio; 
    leftPos = 0.5 * (bodyWidth - newStageWidth); 
} 
// console.log("newStageHeight " + newStageHeight); 
// console.log("newStageWidth " + newStageWidth); 
$("#Stage").height(newStageHeight); 
$("#Stage").width(newStageWidth); 
$("#Stage").css("left", leftPos + 'px'); 
$("#Stage").css("top", topPos + 'px');