仿百度文库:利用flexpaper在线阅读

最近同事在做类似于百度文库的功能，他用了一个FlexPaper的组件，在群里讨论了下这个工具，我也顺便学了学。下面我们来介绍下这款组件。
FlexPaper简介
FlexPaper是一个开源轻量级的在浏览器上显示各种文档的组件，被设计用来与PDF2SWF一起使用， 使在Flex中显示PDF成为可能，而这个过程并无需PDF软件环境的支持。它可以被当做Flex的库来使用。简单来说就是使得在没有安装PDF阅读器软件的情况下浏览PDF文件成为可能。
使用方法
首先要将PDF转成SWF，这步可以使用开源的SwfTools自动完成
1.下载安装 SwfTools，当前最新版本是0.9。
注意：下载的时候下载对应系统的版本，我用的windows系统下载下面的windows版本，最开始由于不懂英文，直接下载了最上面那个，建议不懂英文的用浏览器翻译下。
2. 转换PDF到SWF，可以通过命令行的方式，例如将SEO.pdf转换成SEO.swf

其次下载并解压出已经编译好的 FlexPaper （第一个是免费的，下载web版的即可）
下面是解压出来的文件：

这里面有个index.html，它向你展示了需要传给FlexPaper的 基本参数

注意文件路径，把你转换的SEO.swf放到docs文件夹中，修改上面参数即可。
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)：设置地区（语言），目前支持一下语言：
  

• 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)：工具栏上是否显示搜索工具
  效果展示：
  

  

  来源: PHP小镇