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