第三步：FlexPaper呈现swf

发布时间：2020-12-15 04:15:31 所属栏目：百科来源：网络整理

导读：之前做了前面的两步：第一步：java开发_模仿百度文库_OpenOffice2PDF_源码下载第二步：java开发_模仿百度文库_SWFTools_源码下载现在是最后一步了，就是把我们的swf显示在网页上面。在做这个之前，也是需要做一些准备工作的。 1.下载flexpaper 下载地址

之前做了前面的两步：

第一步：java开发_模仿百度文库_OpenOffice2PDF_源码下载

第二步：java开发_模仿百度文库_SWFTools_源码下载

现在是最后一步了，就是把我们的swf显示在网页上面。

在做这个之前，也是需要做一些准备工作的。

1.下载flexpaper

下载地址：http://code.google.com/p/flexpaper/downloads/list

下载：FlexPaper_2.0.2.zip

2.然后解压，需要的文件如下：

上面是我重新组合的，你也可以把解压缩文件夹整个的拷贝到WebRoot下面。

不过路径在设置的时候，就需要注意啦.....

3.新建一个jsp文件

index.jsp

复制代码

 1 <%@ page contentType="text/html; charset=utf-8"%>
 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 3 <html 4     head 5         title>showWenKU</ 6         meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 7 
 8         script type="text/javascript"
 9             src="${pageContext.request.contextPath}/flexpaper/swfobject/swfobject.js"></script10         11 ="${pageContext.request.contextPath}/flexpaper/flexpaper_flash.js"12 
13         ="text/javascript"> 
14             <!-- For version detection,set to min. required Flash Player version,or 0 (or 0.0.),for no version detection. --> 
15             var swfVersionStr = 9.0.124;
16              To use express install,set to playerProductInstall.swf,otherwise the empty string. -->
17              xiSwfUrlStr ${expressInstallSwf}18              flashvars  { 
19                   SwfFile : escape(${pageContext.request.contextPath}/flexpaper/swf/test_1352107155307_1352172932517.swf?v1.4.0final20                   Scale : 0.8,0)">//放大因子，是一个0以上的数(带小数 1 = 100%) 。
21                   ZoomTransition : eaSEOut光学变焦过渡，默认值是eaSEOut，可取值: easenone,eaSEOut,linear,eaSEOutquad
22                   ZoomTime : 0.5时间过渡让变焦达到新的放大因子，值为0或更大的数。
23                     ZoomInterval : 0.1区间的滑动缩放。放大因子缺省值是0.1。如同在工具栏上使用滑动条按钮的效果。
24                     FitPageOnLoad : true(布尔) 适合初始页大小(依高度而定)的装载页。如同在工具栏上使用fit-page按钮的效果。
25                     FitWidthOnLoad :  (布尔)适合初始页宽度大小的装载页。如同在工具栏上使用fit-width按钮的效果。
26                     PrintEnabled : 是否支持打印
27                     FullScreenAsMaxWindow :false是否支持全屏
28                   ProgressiveLoading : 是否支持延迟加载
29                   SearchMatchAll : 设置为true时，单击搜索所有符合条件的地方高亮显示
30                   PrintToolsVisible : 31                     ViewModeToolsVisible : (布尔)显示或隐藏视图模式与工具栏
32                     ZoomToolsVisible : (布尔) 从工具栏显示或隐藏变焦工具
33                     FullScreenVisible : (布尔)以最大化方式打开一个新浏览器窗口。
34                     NavToolsVisible : (布尔)显示或隐藏导航工具
35                     CursorToolsVisible : (布尔) 显示或隐藏光标工具
36                     SearchToolsVisible : 37                     localeChain: en_US" 语言
38                   };
39               params  {
40                 
41                 }
42             params.quality high43             params.bgcolor #ffffff44             params.allowscriptaccess sameDomain45             params.allowfullscreen true46              attributes  {};
47             attributes.id FlexPaperViewer48             attributes.name 49             swfobject.embedSWF(
50                 ${pageContext.request.contextPath}/flexpaper/swf/FlexPaperViewer.swfflashContent51                 80053252                 swfVersionStr,xiSwfUrlStr,128)">53                 flashvars,params,attributes);
54             swfobject.createCSS(#flashContentdisplay:block;text-align:left;);
55         56 
57     58     body59         div id="flashContent" div60     61 >

复制代码

具体的参数可以参考：

官方文档1：http://flexpaper.org/docs_api.jsp

官方文档2:http://flexpaper.org/docs_parameters.jsp

4.运行效果欢迎多多支持多拿网：http://www.iduona.com

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!