是否可以调整Adobe Edge动画的大小？

Question

我正在尝试根据屏幕分辨率调整Edge动画。我已经制作了高分辨率的1080p和更高分辨率的屏幕，但由于该项目相当复杂，我想知道是否有一种方法可以将动画以不同的尺寸从Edge导出，而无需重做所有内容小屏幕几次。

Answer 1

现在还有这个有助于根据父母bScaleToParent进行扩展：

    AdobeEdge.loadComposition('MyComp', 'EDGE-985368975', {
          scaleToFit: "both",
          centerStage: "horizontal",
          minW: "0",
          maxW: "undefined",
          width: "1540px",
          height: "3004px",
          bScaleToParent: true
  }, {dom: [ ]}, {dom: [ ]});

这很有帮助：https://forums.adobe.com/message/6939673#6939673

Answer 2

我会尝试在DIV或框架中执行此操作，并使用CSS缩放选项。一些提示here

Answer 3

我将使用CSS3的transform:scale与媒体查询一起解决这个问题。

Answer 4

我发现这是一个很好的解决方案。在舞台中添加“调整大小”触发器。粘贴此代码：

if ($(window).width() < 960) {
    if ($(window).width() < 600) {
        sym.stop("layout400");
    } else {
        sym.stop("layout600");
    }
} else {
    sym.stop("layout960");
}

然后在时间轴中使用名称layout960，layout600和layout400制作三个不同的标签。现在，您可以避免每次重新加载Edge并跳过Edge Docks（至少是为了响应）。

Answer 5

打开hi res文件，将div中的所有内容分组，将div调整为所需的宽度和高度。如果有任何图像文件，请确保以正确的大小保存它们，以避免浏览器重新调整大小。保存每个版本并将其上载到服务器上的其他位置。

然后把它放到文档的头部：

<script>
    if ( (960 < screen.width < 1024) && (640 < screen.height < 768) ) { 
        window.location = 'www.YOURURL.com/ipad';
    }
    else if ( (screen.width < 960) && (screen.height < 640) ) { 
        window.location = 'www.YOURURL.com/iphone';
    }
</script>

这将根据ipad或iphone的屏幕分辨率重定向，但您可以将其调整为您喜欢的任何内容。

Answer 6

如果要使用标签执行此操作，请将所有布局存储为符号，然后在运行时将它们添加到舞台上。即使您没有到达屏幕标记，您在舞台时间线上放置的任何内容都存在于DOM中。