Flexpaper jsp方式使用
来源:互联网 发布:淘宝一件代发下单流程 编辑:程序博客网 时间:2024/05/29 04:16
1. FlexPaper简介
FlexPaper是一个开源轻量级的文档浏览组件,被设计和比如PDF2SWF库(包含于SWFTools)一起工作,使得在网页上,Adobe Flex以及别的基于Flash的应用程序中显示和交互PDF文件成为可能。即,使得在没有安装PDF阅读器软件的情况下浏览PDF文件成为可能。FlexPaper项目同时提供了Flex库和独立的Flash版本。
2. 使用FlexPaper
2.1 下载FlexPaper
FlexPaper在google code上的项目地址为http://code.google.com/p/flexpaper/。目前,FlexPaper最新的flash版本为FlexPaper_1.5.1_flash.zip。
下载、解压后,可以看到如图6-1显示的目录:
图6-1 FlexPaper压缩包目录
主要文件,文件夹说明:
examples文件夹:存放FlexPaper使用的例子
js文件夹:存放FlexPaper调用的js文件
php文件夹:存放php使用FlexPaper的例子
index.html:例子主页
FlexPaperViewer.swf:FlexPaper的核心文件
playerProductInstall.swf:如果客户端浏览器的flashplayer版本过低,将嵌入此swf文件
2.2 FlexPaper参数说明
SwfFile(String):需要使用FlexPaper打开的文档
Scale(Number):初始化缩放比例,参数值应该是大于零的整数(1=100%)
ZoomTransition(String):FlexPaper中缩放样式,它使用和Tweener一样的样式,默认参数值为easeOut,其他可选值包括:easenone,easeout,linear,easeoutquad
ZoomTime(Number):从一个缩放比例变为另外一个缩放比例需要花费的时间,该参数值应该为0或更大
ZoomInterval(Number):缩放比例之间间隔,默认值为0.1,该值应该为正数
FitPageOnLoad(Boolean):初始化时自适应页面,与使用工具栏上的适应页面按钮同样的效果
FitWidthOnLoad(Boolean):初始化时自适应页面宽度,与工具栏上的适应宽度按钮同样的效果
localeChain(String):设置地区(语言),目前支持一下语言:
en_US (English);fr_FR (French);zh_CN (Chinese,Simple);es_ES (Spanish);pt_BR (Brazilian Portugese);ru_RU (Russian);fi_FN (FInnish);de_DE (German);nl_NL (Netherlands);tr_TR (Turkish);se_SE (Swedish);pt_PT (Portugese);el_EL (Greek);da_DN (Danish);cz_CS (Czech);it_IT (Italian);pl_PL (Polish);pv_FN (Finish);hu_HU (Hungarian)。
FullScreenAsMaxWindow(Boolean):当设置为true时,单击全拼按钮会打开一个FlexPaper最大化的新窗口而不是全屏,当由于flash播放器因为安全而禁止全屏,而使用flexpaper作为独立的flash播放器的时候设置为true是个优先选择
ProgressiveLoading(Boolean):当设置为true时,展示文档时不会加载完整个文档,而是逐步加载,但是需要将文档中转化为9以上的版本(使用pdf2swf的时候使用-T 9标签)
MaxZoomSize(Number):设置最大的缩放比例
MinZoomSize(Number):设置最小的缩放比例
SearchMatchAll(Boolean):设置为true时,单击搜索所有符合条件的地方高亮显示
InitViewMode(String):设置启动模式如“Portrait”或“TowPage”
ViewModeToolsVisible(Boolean):工具栏上是否显示样式选择框
ZoomToolsVisible(Boolean):工具栏上时候显示缩放工具
NavToolsVisible(Boolean):工具栏上是否显示导航工具
CursorToolsVisible(Boolean):工具栏上是否显示光标工具
SearchToolsVisible(Boolean):工具栏上是否显示搜索工具
示例:新建web项目
在index.jsp页面中:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <base href="<%=basePath%>"> <title>文档预览</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/flexpaper.js"></script><script type="text/javascript" src="js/flexpaper_handlers.js"></script> </head> <body><div id="documentViewer" class="flexpaper_viewer" style="position:absolute;left:10px;top:10px;width:770px;height:500px"></div> <script type="text/javascript">$('#documentViewer').FlexPaperViewer({ config : { SwfFile : 'Oracle.swf',//要转换的成pdf的swf文件 Scale : 0.6, ZoomTransition : 'easeOut', ZoomTime : 0.5, ZoomInterval : 0.1, FitPageOnLoad : true, FitWidthOnLoad : false, FullScreenAsMaxWindow : false, ProgressiveLoading : false, MinZoomSize : 0.2, MaxZoomSize : 5, SearchMatchAll : false, InitViewMode : 'Portrait', RenderingOrder : 'flash,flash', ViewModeToolsVisible : true, ZoomToolsVisible : true, NavToolsVisible : true, CursorToolsVisible : true, SearchToolsVisible : true, jsDirectory : 'js/', JSONDataType : 'jsonp', key : '', WMode : 'window', localeChain: 'en_US'}});</script> </body></html>
- Flexpaper jsp方式使用
- FlexPaper使用小记
- FlexPaper使用小记
- flexpaper的使用
- 关于FlexPaper的使用
- flexpaper怎么使用
- 【FlexPaper】参数以及使用
- FlexPaper使用教程
- 【FlexPaper】参数以及使用
- flexpaper
- FlexPaper
- flexpaper
- FlexPaper
- 在flex中使用flexpaper
- flexpaper的使用的记录
- jsp中使用json方式
- Flex:使用FlexPaper显示PDF文档
- 使用flexpaper制作自己的“文库“
- IT屌丝的离职申请
- [K/3Cloud] 在设计时复制已有表单菜单或菜单项快速建立菜单
- HDU 4714 Tree2cycle
- jQuery入门学习贴
- Magento Admin Form表单元素大全
- Flexpaper jsp方式使用
- hibernate多表连接查询,主表分页的实现
- 对Spring事务配置的简单解释
- scala里面的drop和dropWhile
- 在MFC中怎么样让控件的大小随着主窗体大小改变而改变
- HDU 4709 Herding
- Android游戏开发的入门学习(andEngine引擎)
- poj 2386 Lake Counting——BFS(队列)
- SPOJ GSS1 Can you answer these queries I