FlexPaper是一个被设计用来与PDF2SWF一起使用,开源轻量级的在浏览器上显示各种文档的组件, 使在Flex中显示PDF成为可能,而这个过程并无需PDF软件环境的支持。它可以被当做Flex的库来使用。也可以通过将一些例如Word、PPT等文 档转成PDF,然后实现在线浏览。
一. 使用PDF2SWF准备好你的文档
首先要将PDF转成SWF,这步可以使用开源 的SwfTools自动完成
1.到http://www.swftools.org/download.html下 载安装 SwfTools,当前最新版本是0.9
2. 转换PDF到SWF,可以通过命令行的方式,例如将Paper3.pdf转换成Paper3.swf
C:\SWFTools\pdf2swf Paper3.pdf -o Paper3.swf
二. 使用已经编译好的FlexPaper的flash版本浏览你的文档
下 载并解压出已经编译好的FlexPaper
zip文件包含一个例子文件叫做FlexPaperViewer.html,它向你展示了需要传给 FlexPaper的 基本参数
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之间的数,表示显示的放大参数
复制你创建出来 的swf和PDF2SWF到解压缩出的相同目录
确定你添加了FlexPaperViewer.swf
三. 在Flex中使用FlexPaper
1. 下载FlexPaper SWC,添加到你的Flex项目libs中
2. 复制你用PDF2SWF创建的SWF到你的bin-debug目录,如Paper3.swf,添加FlexPaper组 件到你的flex代码中Xml代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
width="800" height="500"
xmlns:flexpaper="com.favzone.controls.flexpaper.*">
<flexpaper:FlexPaperViewer width="800" height="500"
Scale="1" SwfFile="Paper3.swf" />
</mx:Application>
一. 使用PDF2SWF准备好你的文档
首先要将PDF转成SWF,这步可以使用开源 的SwfTools自动完成
1.到http://www.swftools.org/download.html下 载安装 SwfTools,当前最新版本是0.9
2. 转换PDF到SWF,可以通过命令行的方式,例如将Paper3.pdf转换成Paper3.swf
C:\SWFTools\pdf2swf Paper3.pdf -o Paper3.swf
二. 使用已经编译好的FlexPaper的flash版本浏览你的文档
下 载并解压出已经编译好的FlexPaper
zip文件包含一个例子文件叫做FlexPaperViewer.html,它向你展示了需要传给 FlexPaper的 基本参数
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之间的数,表示显示的放大参数
复制你创建出来 的swf和PDF2SWF到解压缩出的相同目录
确定你添加了FlexPaperViewer.swf
三. 在Flex中使用FlexPaper
1. 下载FlexPaper SWC,添加到你的Flex项目libs中
2. 复制你用PDF2SWF创建的SWF到你的bin-debug目录,如Paper3.swf,添加FlexPaper组 件到你的flex代码中Xml代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
width="800" height="500"
xmlns:flexpaper="com.favzone.controls.flexpaper.*">
<flexpaper:FlexPaperViewer width="800" height="500"
Scale="1" SwfFile="Paper3.swf" />
</mx:Application>