kevin

奋斗的码农

使用FlexPaper显示swf文件示例和参数设置

最近做一个东西，要在网页预览office这类文件，发现openoffice+swftool+FlexPaper有个结合的demo比较不错，今天要说的是flexpaper里面的一些参数。

先贴一段自己的实例代码：

 1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 3 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">    
 4   <head>
 5     <title>在线预览</title>
 6 <script type="text/javascript" src="FlexPaper/js/jquery.js"></script>
 7 <script type="text/javascript" src="FlexPaper/js/flexpaper_flash.js"></script>
 8 <script type="text/javascript" src="FlexPaper/js/flexpaper_flash_debug.js"></script>
 9 
10 <!-- 弹出层 -->
11 <link rel="stylesheet" href="css/reveal.css">    
12           
13         <!-- Attach necessary scripts -->
14          <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> 
15         
16         <script type="text/javascript" src="js/jquery.reveal.js"></script>
17         
18         <style type="text/css">
19             body { font-family: "HelveticaNeue","Helvetica-Neue", "Helvetica", "Arial", sans-serif; }
20             .big-link { display:block; margin-top: 100px; text-align: center; font-size: 70px; color: #06f; width:1000px; }
21         </style>
22         
23   </head>
24   <%--  <%=(String)session.getAttribute("fileName")%>  --%>
25   <body> 
26   
27   <a href="#" class="big-link" data-reveal-id="myModal">
28             jquery1
29         </a>    
30         
31         <a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">
32             jquery2
33         </a>
34         
35         <a href="#" class="big-link" data-reveal-id="myModal" data-animation="none">
36             jquery3
37         </a>
38   
39         <div    id="myModal" class="reveal-modal"  style="position:absolute;left:500px;top:10px; width:800px;">
40             <%-- 指定flexPaper的宽度和高度  --%>   
41             <a id="viewerPlaceHolder" style="width:100%;height:auto;display:block;"></a>  
42            <!-- 下面script中产生的object对象位置在上面的a标签中间 -->
43             <script type="text/javascript"> 
44                 var fp = new FlexPaperViewer(    
45                          'FlexPaper/swfFiles/FlexPaperViewer', 
46                          'viewerPlaceHolder',     /* <!--对应于a 标签的id--> */
47                          { config : {
48                       <%--    SwfFile : escape('upload/<%=(String)session.getAttribute("fileName")%>'),  --%>
49                          SwfFile : escape('upload/1461346362483.swf'), 
50                           /* <!--导入的.swf的路径,文件名称使用英语表示，中文时显示不出来，暂时未解决这个问题--> */ 
51                          Scale : 1,  //缩放比例
52                          ZoomTransition : 'easeOut',
53                          ZoomTime : 0.5,
54                          ZoomInterval : 0.2,
55                          FitPageOnLoad : true,
56                          FitWidthOnLoad : false,
57                          PrintEnabled : true,   
58                         
59                         FitPageOnLoad: false,//初始化的时候自适应页面，与使用工具栏上的适应页面按钮同样的效果。
60                         FitWidthOnLoad: true,//初始化的时候自适应页面宽度，与工具栏上的适应宽度按钮同样的效果。
61                         
62                         
63                          FullScreenAsMaxWindow : false,
64                          ProgressiveLoading : false,
65                          MinZoomSize : 0.2,
66                          MaxZoomSize : 5,
67                          SearchMatchAll : false,
68                          InitViewMode : 'Portrait',
69                          
70                          ViewModeToolsVisible : true,
71                          ZoomToolsVisible : true,
72                          NavToolsVisible : true,
73                          CursorToolsVisible :true,
74                          SearchToolsVisible : true,
75                            localeChain: 'en_US'
76                          }});
77             </script>
78         </div>
79 </body>
80 </html>

这是又弹出层的一个预览小例子。

 

 

参数转载自别人博客

 

    1. SwfFile (String) 需要使用Flexpaper打开的文档  
    2.   
    3. Scale (Number) 初始化缩放比例，参数值应该是大于零的整数  
    4.   
    5. ZoomTransition (String) Flexpaper中缩放样式，它使用和Tweener一样的样式，默认参数值为easeOut.其他可选值包括: easenone, easeout, linear, easeoutquad  
    6.   
    7. ZoomTime (Number) 从一个缩放比例变为另外一个缩放比例需要花费的时间，该参数值应该为0或更大。  
    8.   
    9. ZoomInterval (Number) 缩放比例之间间隔，默认值为0.1，该值为正数。  
    10.   
    11. FitPageOnLoad (Boolean) 初始化得时候自适应页面，与使用工具栏上的适应页面按钮同样的效果。  
    12.   
    13. FitWidthOnLoad (Boolean) 初始化的时候自适应页面宽度，与工具栏上的适应宽度按钮同样的效果。  
    14.   
    15. localeChain (String) 设置地区（语言），目前支持以下语言。  
    16.   
    17.     en_US (English)  
    18.   
    19.     fr_FR (French)  
    20.   
    21.     zh_CN (Chinese, Simple)  
    22.   
    23.     es_ES (Spanish)  
    24.   
    25.     pt_BR (Brazilian Portugese)  
    26.   
    27.     ru_RU (Russian)  
    28.   
    29.     fi_FN (Finnish)  
    30.   
    31.     de_DE (German)  
    32.   
    33.     nl_NL (Netherlands)  
    34.   
    35.     tr_TR (Turkish)  
    36.   
    37.     se_SE (Swedish)  
    38.   
    39.     pt_PT (Portugese)  
    40.   
    41.     el_EL (Greek)  
    42.   
    43.     da_DN (Danish)  
    44.   
    45.     cz_CS (Czech)  
    46.   
    47.     it_IT (Italian)  
    48.   
    49.     pl_PL (Polish)  
    50.   
    51.     pv_FN (Finnish)  
    52.   
    53.     hu_HU (Hungarian)  
    54.   
    55. FullScreenAsMaxWindow (Boolean) 当设置为true的时候，单击全屏按钮会打开一个flexpaper最大化的新窗口而不是全屏，当由于flash播放器因为安全而禁止全屏，而使用flexpaper作为独立的flash播放器的时候设置为true是个优先选择。  
    56.   
    57. ProgressiveLoading (Boolean) 当设置为true的时候，展示文档时不会加载完整个文档，而是逐步加载，但是需要将文档转化为9以上的flash版本（使用pdf2swf的时候使用-T 9 标签）。  
    58.   
    59. MaxZoomSize (Number) 设置最大的缩放比例。  
    60.   
    61. MinZoomSize (Number) 最小的缩放比例。  
    62.   
    63. SearchMatchAll (Boolean) 设置为true的时候，单击搜索所有符合条件的地方高亮显示。  
    64.   
    65. InitViewMode (String) 设置启动模式如"Portrait" or "TwoPage".  
    66.   
    67. ViewModeToolsVisible (Boolean) 工具栏上是否显示样式选择框。  
    68.   
    69. ZoomToolsVisible (Boolean) 工具栏上是否显示缩放工具。  
    70.   
    71. NavToolsVisible (Boolean) 工具栏上是否显示导航工具。  
    72.   
    73. CursorToolsVisible (Boolean) 工具栏上是否显示光标工具。  
    74.   
    75. SearchToolsVisible (Boolean) 工具栏上是否显示搜索。  
    76.   
    77.    
    78.   
    79. 对比本例子中的参数设置：  
    80.   
    81. SwfFile : escape('FusionCharts.swf'),//加载的SWF文件为FusionCharts.swf  
    82.   
    83. Scale : 0.6, //初始化缩放比例为0.6，即60%  
    84.   
    85. ZoomTransition : 'easeOut',  
    86.   
    87. ZoomTime : 0.5,  
    88.   
    89. ZoomInterval : 0.2,  
    90.   
    91. FitPageOnLoad : true,//加载时自动适应页面  
    92.   
    93. FitWidthOnLoad : false, //加载时自动适应页面宽度  
    94.   
    95. FullScreenAsMaxWindow : false,  
    96.   
    97. ProgressiveLoading : false,  
    98.   
    99. MinZoomSize : 0.2, //页面最小可缩小成20%  
    100.   
    101. MaxZoomSize : 5, //页面最大可放大成500%  
    102.   
    103. SearchMatchAll : false,  
    104.   
    105. InitViewMode : 'Portrait',  
    106.   
    107. PrintPaperAsBitmap : false,  
    108.   
    109. ViewModeToolsVisible : true,  
    110.   
    111. ZoomToolsVisible : true,  
    112.   
    113. NavToolsVisible : true,  
    114.   
    115. CursorToolsVisible : true,  
    116.   
    117. SearchToolsVisible : true,                       
    118.   
    119. localeChain: 'en_US' //设置地区（语言）为en_US  
    120.   
    121.    
    122.   
    123. 上面带注解的参数为我们经常设置的参数，下面我们来简单演示一下几个参数改变的效果：  
    124.   
    125. FitWidthOnLoad : false 改成true  
    126.   
    127.    
    128.   
    129.    
    130.   
    131. MaxZoomSize : 5 改成1  
    132.   
    133.    
    134.   
    135.    
    136.   
    137. localeChain: 'en_US'改成'zh_CN' 

posted on 2016-04-26 00:49  存在00000  阅读(1384)  评论(0)    收藏  举报

导航