【问题标题】:How to make flash animation responsive如何使 Flash 动画具有响应性
【发布时间】:2015-03-02 19:25:44
【问题描述】:

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

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

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

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

现在我的 Flash 动画是 100% 但不知何故那些“符号” 在我的 Flash 动画上,每一侧的动画也是可见的,并且动画没有像我希望的那样拉伸(全宽)。

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

// 米卡

【问题讨论】:

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


    【解决方案1】:

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

    以下是选项的视觉概要:(您可能需要完全匹配或无边框)

    假设这是您的文档:

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

    这里有你的选择:


    全部显示:

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


    无边框:

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


    精确拟合 这只会使整个舞台适合定义的区域,但它不会尊重您的纵横比,并且事物可能看起来被挤压/拉伸。


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


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

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

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

    【讨论】:

    • 谢谢各位。这非常有帮助!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-13
    • 2014-10-06
    • 2014-08-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多