在线文档显示组件 FlexPaper

最新推荐文章于 2024-04-24 14:20:20 发布

iteye_34

最新推荐文章于 2024-04-24 14:20:20 发布

阅读量102

点赞数

分类专栏： WEB基础

本文链接：https://blog.csdn.net/iteye_34/article/details/82235755

版权

WEB基础专栏收录该内容

24 篇文章 0 订阅

订阅专栏

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

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

一. 使用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版本浏览你的文档

下载并解压出已经编译好的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.devaldi.controls.flexpaper.*">

    <flexpaper:FlexPaperViewer width="800" height="500"
        Scale="1" SwfFile="Paper3.swf" />

</mx:Application>