adobe-edge - 将 adobe edge 动画舞台和预加载器水平和垂直居中

Question

我制作了一个 Adob​​e Edge 动画。现在我想使动画和预加载器居中，所以它总是在我的浏览器中水平和垂直居中显示。

请帮我。

我找到了以下线程： http: //forums.adobe.com/thread/979124?promoid=KBHBD

但没有什么对我有用。

Answer 1

我使用以下代码将舞台居中并调整其大小，使其适合窗口。如果您不想调整大小而只是居中，则可以简单地删除调整大小的部分。您可以将此代码粘贴到 Stage 组件的 window.resize 事件上（Window > Code > Stage > Event > 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');