2012-08-02 43 views
2

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

回答

1

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

+0

一个很好的答案,但我刚刚发现这是一个专有的微软扩展,仅与IE一起工作。 – 2012-08-02 08:44:44

+0

什么是专有的Microsoft扩展?这个评论对我来说没有任何意义。这是参考此页面上的内容吗? – Jake 2012-08-29 18:28:17

1

我打算使用CSS3的transform:scale,结合媒体查询来解决这个问题。

0

打开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的屏幕分辨率,但你可以调整到任何你喜欢的。

1

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

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(至少对于响应)。

0

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

3

也有这个现在这有助于基于父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

+0

为什么地球上这是一个隐藏的选择?!疯狂。 – 2015-11-06 14:30:14