SWF文件自适应浏览器以及控制SWF的最小宽度和高度

最新推荐文章于 2022-08-10 14:12:53 发布

原创最新推荐文章于 2022-08-10 14:12:53 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

AS3基础问题专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用swffit.js让Flash游戏自适应浏览器窗口大小的方法，并保持游戏的最小高度和宽度。通过具体示例代码展示了如何实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

flash游戏开发人员经常会遇到这样的问题，让游戏自适应浏览器，但是又要考虑到游戏的最小高度和宽度

我也是在网上找了一些方法，用swffit.js可以解决这个问题，我就把这个记录下来中，或许以后会用到

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0014)about:internet -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
    <head>
        <title></title>
        <meta name="google" value="notranslate" />         
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css" media="screen"> 
            html, body  { height:100%; }
            body { margin:0; padding:0; overflow:auto; height: 100%;
                   background-color: #ffffff; }   
            object:focus { outline:none; }
            #flashContent { display:none; width:100%; height:100% }
        </style>
        <link rel="stylesheet" type="text/css" href="history/history.css" />
        <script type="text/javascript" src="history/history.js"></script>
        <script type="text/javascript" src="swfobject.js"></script>
        <script type="text/javascript" src="swffit.js"></script>
        <script type="text/javascript">
            var swfVersionStr = "11.1.0";
            var xiSwfUrlStr = "playerProductInstall.swf";
            var flashvars = {};
            var params = {};
            params.quality = "high";
            params.bgcolor = "#ffffff";
            var attributes = {};
            attributes.id = "TestUI";
            attributes.name = "TestUI";
            attributes.align = "middle";
            swfobject.embedSWF(
                "TestUI.swf", "flashContent", 
                "100%", "100%", 
                swfVersionStr, xiSwfUrlStr, 
                flashvars, params, attributes);
	    swffit.fit(attributes.id,1366,768);
        </script>
    </head>
    <body>
        <div id="flashContent">
            <p>
                To view this page ensure that Adobe Flash Player version 
                11.1.0 or greater is installed. 
            </p>
            <script type="text/javascript"> 
                var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); 
                document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
                                + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
            </script> 
        </div>   
   </body>
</html>

第18、35行是功能的实现点。记得要去下载swffit.js。谷歌下就行了