如何使 Flash 动画具有响应性

Question

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

我的动画尺寸是 1472px x 485px。现在我希望它在 bootstrap 网站上的宽度为 100%，这样它就可以在不同的屏幕尺寸上很好地拉伸。

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

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

现在我的 Flash 动画是 100% 但不知何故那些 "symbols" 在我的每一侧的 Flash 动画上也都可见，并且动画没有像我希望的那样被拉伸（全宽）。

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

// 米卡

Answer 1

您需要为 flash 对象设置合适的缩放模式。（scale 嵌入属性）或通过 AS3 代码 stage.scaleMode。

以下是选项的直观概要：（您可能想要完全适合或无边框）

假设这是您的文档：

我们有四个盒子（每个角一个），还有一些灰色的盒子在舞台外。

这是你的选择：

显示全部：

显示所有缩放内容，以便整个舞台适合，但如果尺寸不合适，舞台外的物体可能会可见，那么您会看到一个装订线。

无边框：

这将对其进行缩放，使整个内容充满边界（保持纵横比），但如果尺寸不准确，您将裁剪舞台，查看顶部的框是如何裁剪的底部？您可以更改将裁剪后的舞台与 stageAlign 属性.

对齐的方式

完全适合 这只会使整个舞台适合定义的区域，但它不会符合您的宽高比并且看起来可能 squished/stretched.

无比例 这根本不会扩展舞台。所以如果定义的区域小于舞台，它会裁剪它，如果更大，你会得到排水沟。

您可能想要完全适合或没有边框 - 取决于您是否需要固定纵横比。您还可以使用 no-scale 并使用代码以您想要的方式对齐内容。

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

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

How to make flash animation responsive