1、首先需要下载FlexPaper_1.4.5_flash.zip工具包,这里不展示怎样在官网上面下载最新版本,因为我下载完成后不能使用。下面是这个工具包在我百度云上面的地址,可以直接下载,
链接:https://pan.baidu.com/s/10gdMOa9DXTCLsAoqm02F0Q
提取码:45u0
2、然后可以使用工具包中提供的.swf文件,也可以结合SWFTools工具转换一个属于自己的.swf文件。
3、在工具类所在的目录编写html文件,工具类解压的目录如下:
标注为 1 的地方是我自己生成的.swf文件;标注为 2 的地方是写的.html文件。文件的代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/flexpaper_flash.js"></script>
<script type="text/javascript" src="js/flexpaper_flash_debug.js"></script>
</head>
<body>
<div style="position:absolute;left:10px;top:10px;">
<a id="viewerPlaceHolder" style="width:660px;height:480px;display:block"></a>
<script type="text/javascript">
var fp = new FlexPaperViewer(
'FlexPaperViewer',
'viewerPlaceHolder', <!--对应于a 标签的id-->
{ config : {
SwfFile : escape('b.swf'), <!--这句是关键: SwfFile: 指示导入的.swf的路径-->
Scale : 0.6,
ZoomTransition : 'easeOut',
ZoomTime : 0.5,
ZoomInterval : 0.2,
FitPageOnLoad : true,
FitWidthOnLoad : false,
PrintEnabled : true,
FullScreenAsMaxWindow : false,
ProgressiveLoading : false,
MinZoomSize : 0.2,
MaxZoomSize : 5,
SearchMatchAll : false,
InitViewMode : 'Portrait',
ViewModeToolsVisible : true,
ZoomToolsVisible : true,
NavToolsVisible : true,
CursorToolsVisible : true,
SearchToolsVisible : true,
localeChain: 'en_US'
}});
</script>
</div>
</body>
</html>
4、然后直接在浏览器运行xiao.html文件就可以直接通过flexpaper工具直接浏览.swf文件了 。
下面是实现这个功能遇到的问题:
- 在flexpaper官网下载的工具包不能使用,不明确是那个地方的问题
- 出现如下图所示的状态,右上角有个圆圈在旋转。
针对2所存在的问题通过访问网址http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html
按照下图的步骤进行修改然后刷新浏览器就会解决上面出现的问题:
其中最重要的是添加 4 标记的文件,如果没有这个还是会出现同样的问题。
至此,通过写html使用flexpaper的问题就解决了,但是仍然存在着如下的问题需要解决
- 如何在vue中使用flexpaper,这个可以通过https://github.com/loever/vue-FlexPaperViewer.git下载源码参考学习,但是我下载后无法运行出现效果,这个源码是他人上传。
- 怎样实现不修改adobe全局安全设置,就可以使用flexpaper。