首页
Portal
业界资讯
社区
BBS
我的家园
Space
个人空间
导读
Guide
登录
/
注册
用户名
Email
自动登录
找回密码
密码
登录
注册
搜索
搜索
本版
帖子
用户
本版
帖子
用户
帖子
好友
道具
勋章
收藏
任务
淘帖
门户
导读
设置
我的收藏
退出
腾讯QQ
微信登录
首页
›
≡≡网络技术≡≡
›
WEB前端
›
FlexPaper实现文档在线浏览(附源码)
返回列表
FlexPaper实现文档在线浏览(附源码)
[ 复制链接 ]
灰儿
2015-6-11 17:14:26
园子里也有关于FlexPaper的文章,但都不怎么详细。
没有较全的参数说明。就连官方网站都没有。没法,最后只得将swf文件反编译后查看了源码才将里面的参数全部弄出来。
好了,废话不多说,开始正题。
1.
概述
FlexPaper是一个开源轻量级的在浏览器上显示各种文档的组件,被设计用来与PDF2SWF一起使用, 使在浏览器中显示PDF成为可能,而这个过程并无需PDF软件环境的支持。
另外也可以通过将一些例如Word、PPT等文档转成PDF,然后实现在线浏览。
2.
实现步骤
文档(PDF,Word,PPT等) ----> 转换为SWF -----> 使用FlexPa在线浏览
2.1.
转换
SWF
需要使用一个工具,SwfTools,目前最新版本是0.9.1;
下载地址
可以使用命令行将文件转换为swf文件;
例如将Paper3.pdf转换成Paper3.swf的命令为:
C:\SWFTools\pdf2swf.exe Paper3.pdf -o Paper3.swf
与之对应的程序实现方法
C#)
Process pc
=
new
Process();
ProcessStartInfo psi
=
new
ProcessStartInfo(“C:\\SWFTools\\pdf2swf.exe”, “Paper3.pdf Paper3.swf”);
pc.StartInfo
=
psi;
pc.Start();
pc.WaitForExit();
更多关于SwfTools命令的说明可
点这里下载
说明文档。
2.2.
浏览器中浏览
首先要下载Flexpaper,目前最新版本为1.4.0 ;
下载地址
下载后解压到网页目录中。
在页面中使用以下代码即可实现Swf文档的浏览。
var
params
=
{
SwfFile :
"
Paper.swf
"
,
Scale :
0.6
}
swfobject.embedSWF(
"
FlexPaperViewer.swf
"
,
"
cb
"
,
"
500
"
,
"
500
"
,
"
9.0.0
"
,
"
js/swfobject/expressInstall.swf
"
, params)
SwfFile参数是你想显示的文件,Scale是0-1之间的数,表示显示的放大参数。
说的再好听,不如看源码来得直接。源码在
这里
下。
下面才是本文 的重点(网上找不到的 *_*,找到也没有这详细;嘻嘻)
3.
参数列表
官方网站有,但是没有我的全。 去
官网
参数名称
参数值及说明
CursorToolsVisible
(True/False)
FitPageOnLoad
(True/False)
FitWidthOnLoad
(True/False)
FullScreenAsMaxWindow
(True/False)
FullScreenVisible
(True/False)
NavToolsVisible
(True/False)
PrintEnabled
(True/False)
PrintToolsVisible
(True/False)
ProgressiveLoading
(True/False)
Scale
SearchToolsVisible
(True/False)
StartAtPage
SwfFile
ViewModeToolsVisible
(True/False)
ZoomInterval
ZoomTime
ZoomToolsVisible
(True/False)
ZoomTransition
4.
事件与函数
这个不多,还是列下吧,不过要详细的请到官网去看吧。去
官网
函数名称
函数说明
gotoPage (Number pageNumber)
跳转到指定页
fitWidth()
设置为宽度模式视图
fitHeight()
设置为高度模式视图
loadSwf (String swffile)
加载一个新的swf文件到浏览器中
getCurrPage()
获取当前页码
nextPage()
跳转到下一页
prevPage ()
跳转到上一页
Zoom (Number factor)
按系数缩放
searchText (String text)
搜索文字
switchMode (String mode)
变换视图模式;参数值可为("
ortrait", "Two Page", "Tile")
printPaper ()
打印加载的文档
事件名称
事件说明
onDocumentLoaded
()
文档加载完成后触发
onDocumentLoadedError
(String errorMessage)
加载文档出错时候触发
onProgress
(Number bytesloaded, Number bytestotal)
文档正在加载的时候触发
onCurrentPageChanged
(Number pagenumber)
页面改变时触发
onExternalLinkClicked
(String link)
当用户点击外部链接的时候触发
文章最后再附个在线浏览pdf文件的插件 点
这里
下载。
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
显身卡
回复
(1)
灰儿
楼主
2015-8-12 16:24:54
官方FlexPaper_2.2.4版下载地址
http://devaldi.com/zine_builds/FlexPaper_Zine_Trial.zip
回复
支持
反对
使用道具
举报
显身卡
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册
回复
本版积分规则
回帖后跳转到最后一页
浏览过的版块
休闲娱乐
灰儿
管理员
9843篇
主题总数
7
总热度
提问
+关注
产品动态
2024-05-18
泛微E10(e-cology)文件存储服务器每日新增大量重复文件的原因
2024-05-16
泛微E10(e-cology)配置文件详解
2024-05-15
泛微(weaver)e-cology_V10公文管理,启用预览正文和套红预览功能
2024-05-14
泛微E10(e-cology)文件存储位置与打开方式
2024-05-14
神州数码云科(DCN) DCME-320路由器关闭互联网22、23、53端口方法
2024-05-13
关于webapp与WEB-INF的记录
2024-05-13
泛微(weaver)e-cology_V10公文管理,上传套红模板教程
2024-05-13
防火墙指标:吞吐量、时延、新建连接速率、并发连接数
热点推荐
1
泛微E10(e-cology)文件存储服务器每日新增大量重复文件的原因
2
泛微E10(e-cology)配置文件详解
3
泛微(weaver)e-cology_V10公文管理,启用预览正文和套红预览功能
4
泛微E10(e-cology)文件存储位置与打开方式
5
神州数码云科(DCN) DCME-320路由器关闭互联网22、23、53端口方法
6
关于webapp与WEB-INF的记录
7
泛微(weaver)e-cology_V10公文管理,上传套红模板教程
8
防火墙指标:吞吐量、时延、新建连接速率、并发连接数
热门板块
PC操作系统
启动和引导
手机操作系统
硬件相关
办公软件
多媒体技术
产品动态
2024-05-18
泛微E10(e-cology)文件存储服务器每日新增大量重复文件的原因
2024-05-16
泛微E10(e-cology)配置文件详解
2024-05-15
泛微(weaver)e-cology_V10公文管理,启用预览正文和套红预览功能
2024-05-14
泛微E10(e-cology)文件存储位置与打开方式
2024-05-14
神州数码云科(DCN) DCME-320路由器关闭互联网22、23、53端口方法
2024-05-13
关于webapp与WEB-INF的记录
2024-05-13
泛微(weaver)e-cology_V10公文管理,上传套红模板教程
2024-05-13
防火墙指标:吞吐量、时延、新建连接速率、并发连接数
热点推荐
1
泛微E10(e-cology)文件存储服务器每日新增大量重复文件的原因
2
泛微E10(e-cology)配置文件详解
3
泛微(weaver)e-cology_V10公文管理,启用预览正文和套红预览功能
4
泛微E10(e-cology)文件存储位置与打开方式
5
神州数码云科(DCN) DCME-320路由器关闭互联网22、23、53端口方法
6
关于webapp与WEB-INF的记录
7
泛微(weaver)e-cology_V10公文管理,上传套红模板教程
8
防火墙指标:吞吐量、时延、新建连接速率、并发连接数
热门板块
PC操作系统
启动和引导
手机操作系统
硬件相关
办公软件
多媒体技术
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言
了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言
了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。