html 在线阅读器 flexpaper的使用

来源:互联网 发布:gson生成json数据 编辑:程序博客网 时间:2024/05/17 06:37

前段时间因为需要实现类似百度文库的在线阅读功能,所以使用了一段时间的flexpaper,期间遇到几个小问题,总结一下

准备工作:

1.flexpaper显示的是flash,需要将要显示的文档转化为pdf再转化为swf,使用pdf2swf工具完成这一步骤

2.在官网上下载最新的flexpaper版本 地址:http://flexpaper.devaldi.com/download/

3.按照官方的例子部署好环境

主要配置的解释:


<script type="text/javascript"> 
var fp = new FlexPaperViewer(
 'FlexPaperViewer',
'viewerPlaceHolder', { config : {
SwfFile : escape('Paper.swf'),//要显示的文档地址
 Scale : 0.6, //缩放比例
ZoomTransition : 'easeOut',
 ZoomTime : 0.5,//缩放比例改变时的变化时间
 ZoomInterval : 0.2,
 FitPageOnLoad : true,//默认整页显示
FitWidthOnLoad : false,//默认宽度占满屏幕
 FullScreenAsMaxWindow : false,
 ProgressiveLoading : false,
 MinZoomSize : 0.2,//最小缩放比例
MaxZoomSize : 5,//最大缩放比例
 SearchMatchAll : false,
InitViewMode : 'Portrait',

RenderingOrder:'flash',

startAtPage:'',

 PrintPaperAsBitmap : false,
 
ViewModeToolsVisible : true,
 ZoomToolsVisible : true,
NavToolsVisible : true,
CursorToolsVisible : true,
 SearchToolsVisible : true,

WMode:'transparent',//重要:当属性设置为window时具有单独窗口句柄,会遮罩住其它图片,需要设置为transparent”或”opaque”
 
  localeChain: 'en_US'
 }});
</script>


原创粉丝点击