Flex:使用FlexPaper显示PDF文档

FlexPaper是一个开源的轻量级文档显示组件，被设计用来与PDF2SWF一起使用，使在Flex中显示PDF成为可能。它可以被当做Flex的library来使用。

 

一. 使用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的基本参数

   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. 复制你创建出来的swf和PDF2SWF到解压缩出的相同目录
4. 确定你添加了FlexPaperViewer.swf
   

 

三. 在Flex中使用FlexPaper

 

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

<?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.devaldi.controls.flexpaper.*">
	
	<flexpaper:FlexPaperViewer width="800" height="500" 
		Scale="1" SwfFile="Paper3.swf" />
	
</mx:Application>

 

原文 http://www.devaldi.com/?page_id=260
SwfTools  http://www.swftools.org/download.html
flexpaper  http://code.google.com/p/flexpaper/

评论

11 楼 pointdew 2017-05-15  

poincare 写道

您好,请教一个问题,如果我的 swf 文件不在 部署项目的那个盘符下,如果要引用swf文件,路径那边应该怎么写呢?
var params = {  
SwfFile : "这里怎么写", 
Scale : 0.6  
}  
swfobject.embedSWF("FlexPaperViewer.swf","cb","500","500","9.0.0","js/swfobject/expressInstall.swf", params);  

swf远程加载问题 : flexpaper无法加载http方式的SwfFile路径
    原因：由于flash的安全问题，flash安全问题是针对远程功能swf对本地swf文件进行操作这一场景,
         若FlexPaperViewer.swf与swf文件在同一个远程域，则不会有安全拦截。
     解除限制有两种办法：
      >> 跨域配置--详见谷歌
      >> 将swf解析器(FlexPaperViewer.swf)和swf放在同一域(IP)上
         同样用http://192.168.1.109:8080这样的路径读取FlexPaperViewer.swf

10 楼 pointdew 2017-05-15  

swf远程加载问题 : flexpaper无法加载http方式的SwfFile路径
    原因：由于flash的安全问题，flash安全问题是针对远程功能swf对本地swf文件进行操作这一场景,
         若FlexPaperViewer.swf与swf文件在同一个远程域，则不会有安全拦截。
     解除限制有两种办法：
      >> 跨域配置--详见谷歌
      >> 将swf解析器(FlexPaperViewer.swf)和swf放在同一域(IP)上
         同样用http://192.168.1.109:8080这样的路径读取FlexPaperViewer.swf

9 楼 Franciswmf 2015-06-15  

8 楼 qq719361453 2015-03-13  

你好   显示出来的swf长宽比不合适，怎么能调整高度？

7 楼 happyjennyluo 2014-10-08  

您好
http://code.google.com/p/flexpaper/
这个现在由于谷歌被封的原因已经下载不了了 请问您那里还有保存吗？可以发我一份吗？
邮箱：[e-mail]
非常感谢

6 楼 t1436136380 2014-04-05  

poincare 写道

您好,请教一个问题,如果我的 swf 文件不在 部署项目的那个盘符下,如果要引用swf文件,路径那边应该怎么写呢?
var params = {  
SwfFile : "这里怎么写", 
Scale : 0.6  
}  
swfobject.embedSWF("FlexPaperViewer.swf","cb","500","500","9.0.0","js/swfobject/expressInstall.swf", params);  

js中可以<%=path%>/你的路径

5 楼 luhongjun 2013-08-08  

[b][b]

引用

撒大帝

[/b][/b]

4 楼 songangshuaige 2013-07-22  

你好，我想请教一个问题，为什么我新建一个项目，然后随便在xmxl文件里面加入一点东西都报
1046: 找不到类型，或者它不是编译时常数: MouseCursorData。 FlexPaperCursorManager.as /Diyflexpaper/src/com/devaldi/controls/flexpaper/utils 第 65 行 Flex 问题
的错误呢，我想请问一下是不是跟FlexPaper_Resources.swc这个文件有关系呢，因为我在网上找不到FlexPaper_Resources.swc这个文件，我项目里面也没有引入这个文件，而是找了一个类似的文件FlexPaper.swc代替了它，这个文件在哪儿有呢，要是你那儿有的话能否发我一份呢，我的邮箱是[e-mail]

3 楼 modiliany 2011-09-19  

是呀，好像SwfFile 只能写project里的相对路径，不爽

2 楼 poincare 2011-07-16  

您好,请教一个问题,如果我的 swf 文件不在 部署项目的那个盘符下,如果要引用swf文件,路径那边应该怎么写呢?
var params = {  
SwfFile : "这里怎么写", 
Scale : 0.6  
}  
swfobject.embedSWF("FlexPaperViewer.swf","cb","500","500","9.0.0","js/swfobject/expressInstall.swf", params);  

1 楼 BigMouth 2011-01-14