FlexPaper: 一个轻量级的在浏览器上显示各种文档的Flex开源组件

By Minidxer | February 18, 2010

FlexPaper是一个开源轻量级的在浏览器上显示各种文档的组件,被设计用来与PDF2SWF一起使用, 使在Flex中显示PDF成为可能,而这个过程并无需PDF软件环境的支持。它可以被当做Flex的库来使用。



另外你也可以通过将一些例如Word、PPT等文档转成PDF,然后实现在线浏览。
28162704_DUO6

一. 使用PDF2SWF准备好你的文档

首先要将PDF转成SWF,这步可以使用开源的SwfTools自动完成

1.下载安装 SwfTools,当前最新版本是0.9
2. 转换PDF到SWF,可以通过命令行的方式,例如将Paper3.pdf转换成Paper3.swf
C:\SWFTools\pdf2swf Paper3.pdf -o Paper3.swf

二. 使用已经编译好的FlexPaper的flash版本浏览你的文档

1. 下载并解压出已经编译好的FlexPaper
2. zip文件包含一个例子文件叫做FlexPaperViewer.html,它向你展示了需要传给FlexPaper的 基本参数

  1. var params = {
  2.       SwfFile : "Paper.swf",
  3.       Scale : 0.6
  4.       }
  5.       swfobject.embedSWF("FlexPaperViewer.swf","cb","500","500","9.0.0","js/swfobject/expressInstall.swf", params);
  6.       //SwfFile参数是你想显示的文件,Scale是0-1之间的数,表示显示的放大参数

3. 复制你创建出来的swf和PDF2SWF到解压缩出的相同目录
4. 确定你添加了FlexPaperViewer.swf

三. 在Flex中使用FlexPaper

1. 下载FlexPaper SWC,添加到你的Flex项目libs中
2. 复制你用PDF2SWF创建的SWF到你的bin-debug目录,如Paper3.swf,添加FlexPaper组 件到你的flex代码中Xml代码

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.     layout="absolute"
  4.     width="800" height="500"
  5.     xmlns:flexpaper="com.devaldi.controls.flexpaper.*">
  6.   
  7.     <flexpaper:FlexPaperViewer width="800" height="500"
  8.         Scale="1" SwfFile="Paper3.swf" />
  9.   
  10. </mx:Application>

Topics: Adobe其他 | 2 Comments » | Tags: , ,

你可能还对下列文章感兴趣:

2 comments | Add One

  1. nitesheng - 10/24/2011 at 12:24 pm

    仿百度、豆丁文库-http://flexpaper.studylead.com,自定义播放器

    系统功能特色:
    1、单页异步加载-速度奇快!!!
    2、自定义在线播放器界面、可放上自己的公司Logo,或者换想要的皮肤。
    3、word、ppt、excel、pdf、txt等后台转换为swf功能。
    4、可以使用OpenOffice和FlashPaper 两种方式转换word\ppt\excel\txt\visio文件至pdf 文件。
    5、系统实现了word、excel、txt、visio文件的在线播放所有技术功能,完美支持office2010及以下版本。
    6、系统已经实现了关键字查询定位;可设置多个初始搜索关键字,以”|”分割,详见示例 关键字定位。
    7、系统实现了控制文档显示页数,可用于收费文档使用,详见示例 控制文档显示页数。 实现了百度、豆丁文库的功能。

Trackbacks

Leave a Comment

Name(*):

E-Mail(*) :

Website :

Comments :

Search Posts