如何使用 Adobe Flash 创建整页背景图像答案

【问题标题】：How do you create a full page backgroud image using Adobe flash如何使用 Adobe Flash 创建整页背景图像
【发布时间】：2011-12-01 20:50:21
【问题描述】：

使用 Flash 创建像 http://beyondfayte.com/ 和 http://hmxmedia.com/ 这样的整页背景图片幻灯片？我是 Flash 新手，我想知道如何使用 Flash CS5 AS3 创建这些全屏图像幻灯片，从页面加载开始并按比例缩放，就像上面两个网站一样。

【问题讨论】：

标签： javascript flash actionscript-3 actionscript flash-cs5

【解决方案1】：

类似：

HTML：

<!doctype html>
<html>
    <head>
        <title>Example</title>

        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="your_styles.css">
    </head>
    <body>
        <object>
            <embed src="your_flash.swf" />
        </object>
    </body>
</html>

CSS：

html,
body
{
    height: 100%;
    padding: 0px;
}

body{ overflow: hidden; }

object,
embed
{
    width: 100%;
    height: 100%;
}

AS3：

package
{
    import flash.display.Sprite;
    import flash.display.StageScaleMode;
    import flash.display.StageAlign;

    public class Document extends Sprite
    {
        /**
         * Constructor
         */
        public function Document()
        {
            stage.scaleMode = StageScaleMode.NO_SCALE;
            stage.align = StageAlign.TOP_LEFT;
        }
    }
}

【讨论】：

谢谢，但我不断收到错误消息，例如“1083:syntax error:package is unexpected”
此代码进入外部 .as 文件，然后被选为 .fla 文件的文档类。它没有进入时间线。

【解决方案2】：

您需要在 HTML 标签中将 flash 的宽度和高度设置为 100%，并监听 Event.RESIZE 处理程序以根据需要手动缩放和移动内容（使用 stage.stageWidth / stage.stageHeight 获取新尺寸）。

您还需要将 scaleMode 设置为有用的值，例如：stage.scaleMode = StageScaleMode.NO_SCALE;

【讨论】：