如何使flash动画响应

时间:2015-01-05 09:20:38

标签: html css actionscript-3 twitter-bootstrap flash

我开始构建这个引导网站,我的字体页面上有flash动画。 - > http://testi9.aada.fi/index.php?cID=180

我的动画大小是1472px x 485px。现在我希望它在引导程序站点上的宽度为100%,以便在不同的屏幕尺寸上很好地拉伸。

我在bootstrap css文件中添加了这个css代码:

#swfcontent169 {
border:solid thin #f00;
width:100%;
}

现在我的flash动画是100%但不知何故那些"符号"那是 在我的每一侧的Flash动画也是可见的,动画没有拉伸,因为我希望它(全宽)。

有人可以帮我解决这个问题吗?

// Mika

1 个答案:

答案 0 :(得分:1)

您需要为flash对象设置正确的缩放模式。 (scale嵌入属性)或stage.scaleMode到AS3代码。

以下是选项的视觉概述:(您可能需要精确匹配或没有边框)

让我们说这是你的文件: enter image description here

我们有四个盒子(每个角落一个),以及一些不在舞台上的灰色盒子。

以下是您的选择:


全部显示: enter image description here

显示所有缩放内容以便整个舞台适合,但如果它的尺寸不合适,那么你会得到一个排水沟,并且可以看到舞台上的物体。


没有边框:       enter image description here

这将缩放它,以便整个内容将填充边界(保持方面),但如果它不是确切的大小,你将会裁剪舞台,看看盒子是如何形成的顶部裁剪?您可以更改将裁剪阶段与stageAlign属性对齐的方式。


确切适合       enter image description here     这将使整个舞台适合所定义的区域,但它不会尊重你的宽高比,而且看起来会被压扁/拉伸。


无比例 enter image description here     这不会扩大所有阶段的规模。因此,如果定义的区域小于舞台,它将裁剪它,如果更大,你会得到排水沟。


您可能需要精确匹配或不需要边框 - 具体取决于您是否需要修正纵横比。您也可以使用无缩放并使用代码以您希望的方式对齐您的内容。

您也可以使用align嵌入参数以多种方式对齐内容。

您可以在嵌入代码中调整这些内容。 FlashPro发布设置中还有一些选项(当您单击HTML包装格式时),或者您可以使用在线工具,例如:http://embed-swf.org/embed-swf.php