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

Javascript 是否可以调整Adobe Edge动画的大小?,javascript,animation,resize,adobe-edge,Javascript,Animation,Resize,Adobe Edge,我正在尝试根据屏幕分辨率调整边缘动画的大小。我已经为1080p和更高分辨率的屏幕制作了一个高分辨率的,但由于项目相当复杂,我想知道是否有一种方法可以将动画导出到与Edge不同的大小,而不必为较小的屏幕重复几次。我会尝试在DIV或frame中进行,并使用CSS缩放选项。一些技巧我将使用CSS3的转换:缩放,结合媒体查询来解决这个问题。打开高分辨率文件,将所有内容分组到一个div中,将该div调整到所需的宽度和高度。如果存在任何图像文件,请确保以正确的大小保存它们,以避免质量差的浏览器重新调整大小。

我正在尝试根据屏幕分辨率调整边缘动画的大小。我已经为1080p和更高分辨率的屏幕制作了一个高分辨率的,但由于项目相当复杂,我想知道是否有一种方法可以将动画导出到与Edge不同的大小,而不必为较小的屏幕重复几次。我会尝试在DIV或frame中进行,并使用CSS缩放选项。一些技巧

我将使用CSS3的
转换:缩放
,结合媒体查询来解决这个问题。

打开高分辨率文件,将所有内容分组到一个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>

如果((960

这将根据ipad或iphone的屏幕分辨率重定向,但您可以根据自己的喜好进行调整。

我发现这是一个很好的解决方案。 在舞台上添加一个调整大小的触发器。将此代码粘贴到:

if ($(window).width() < 960) {
    if ($(window).width() < 600) {
        sym.stop("layout400");
    } else {
        sym.stop("layout600");
    }
} else {
    sym.stop("layout960");
}
if($(窗口).width()<960){
如果($(窗口).width()<600){
符号停止(“布局400”);
}否则{
符号停止(“布局600”);
}
}否则{
符号停止(“布局960”);
}

然后在时间线中创建三个不同的标签,分别命名为layout960、layout600和layout400。现在,您可以避免每次重新加载Edge并跳过Edge停靠(至少对于响应而言)。

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

现在还有一个功能,它有助于基于父级的缩放
bScaleToParent

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

这很有帮助:

回答得很好,但我刚刚发现这是一个专有的Microsoft扩展,它只与IE一起工作。什么是专有的Microsoft扩展?那句话对我来说毫无意义。这是指这页上的内容吗?为什么这是一个隐藏的选项?!疯狂。请问如何使用EDGE-985368975?我的意思是如何生成它?我看了其他帖子,数字不一样。谢谢。我不知道,这是三年前的事了!但我认为它将是独一无二的,这取决于你所指的元素。。