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

Is it possible to resize an Adobe Edge animation?

本文关键字：动画 Edge Adobe 调整 是否      更新时间：2023-09-26

我正在尝试根据屏幕分辨率调整Edge动画的大小。我为1080p和更高分辨率的屏幕制作了一个高分辨率的动画，但由于该项目相当复杂，我想知道是否有一种方法可以将动画导出到与Edge不同的大小，而不必为较小的屏幕重做几次。

现在还有一个可以帮助基于父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

我会尝试在div或框架中进行，并使用CSS缩放选项。这里的一些提示

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

我发现这是一个很好的解决方案。在后台文件中添加Resize触发器。将此代码粘贴到内部：

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（至少对于响应）。

打开高分辨率文件，将所有内容分组到一个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的屏幕分辨率进行重定向，但你可以根据自己的喜好进行调整。

如果要使用标签，请将所有布局存储为符号，然后在运行时将其添加到后台。您放置在舞台时间线上的任何东西都存在于DOM中，即使您可能还没有到达屏幕标记。

相关文章：