微信号:phptown_net

介绍:专注PHP开发,分享业界资讯,让大家随时随地的一起学习.

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

2013-09-17 14:57 PHP小镇

   最近同事在做类似于百度文库的功能,他用了一个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文件夹中,修改上面参数即可。

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

 
PHP小镇 更多文章 JavaScript的性能优化:加载和执行 互联网行业的奇葩问答,瞬间秒碎你的节操 改变自己的9个细节 产品和程序都进来看看 镇长教你如何制作字符画
猜您喜欢 Swift的响应式编程革命 小printf的故事(未完待续) SQLite 优化 干货 | 大师尤里奇CSTD论坛演讲分享 日本邮政公社与IBM及苹果公司联手,借助iPad和定制App为日本老年人提供服务