4. Flexpaper简单使用

通过上面三章的内容，大家对Flexpaper、SWFTools应该有大概的了解了，SWF文件也已经生成了，我们开始进入Flexpaper的使用的介绍。

本章中只演示Flexpaper在WEB页面上的使用，我们要下载一个Flash版本的FlexPaper，这里我选择了FlexPaper_1.5.0_flash。

下载地址：http://code.google.com/p/flexpaper/downloads/list

下载、解压后，可以看到包含如下文件：

主要文件、文件夹说明：

Examples  存放Flexpaper使用例子

Js        存放Flexpaper调用的JS文件

Php       存放PHP使用的文档、JS、库、SWF文件

Index.html 例子主页

FlexpaperViewer Flexpaper的核心文件，用于浏览PDF

Paper.swf  官方的默认宣传文件

playerProductInstall.swf  如果客户端浏览器的flashplayer版本过低，他是不会嵌入你的swf,而是嵌入这个playerProductInstall.swf到页面上下载flashplayer的安装文件。

4.1 第一个Flexpaper例子

那我们开始完成第一个Flexpaper例子吧，一个最简单的例子，我们主要用到FlexpaperViewer.swf、JS文件夹中的flexpaper_flash.js。

创建HTML页面test.html，代码如下：

<HTML>

<HEAD>

<TITLE>ajava.org Flexpaper例子</TITLE>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</HEAD>

<BODY>

<script type="text/javascript" src="js/flexpaper_flash.js"></script>

<div style="position:absolute;left:10px;top:10px;">

<p id="viewerPlaceHolder" style="width:660px;height:553px;display:block">Document loading..</p>

<script type="text/javascript">

var fp = new FlexPaperViewer(

'FlexPaperViewer',

'viewerPlaceHolder', { config : {

SwfFile : escape('FusionCharts.swf'),

Scale : 0.6,

ZoomTransition : 'easeOut',

ZoomTime : 0.5,

ZoomInterval : 0.2,

FitPageOnLoad : true,

FitWidthOnLoad : false,

FullScreenAsMaxWindow : false,

ProgressiveLoading : false,

MinZoomSize : 0.2,

MaxZoomSize : 5,

SearchMatchAll : false,

InitViewMode : 'Portrait',

PrintPaperAsBitmap : false,

ViewModeToolsVisible : true,

ZoomToolsVisible : true,

NavToolsVisible : true,

CursorToolsVisible : true,

SearchToolsVisible : true,

localeChain: 'en_US'

}});

</script>

</div>

</BODY>

</HTML>

把第三章部分生产的FusionCharts.swf复制到FlexPaper根目录下，我这里是 F:\FlexPaper1.5.0flash，这一步是必须的，如果不是test.html怎样读取到FusionCharts.swf呢？

测试：

打开浏览器，输入test.html的本地地址，就可以看到FlexPaper的浏览效果。这里我分别在前言中的3种测试环境，结果都没问题，效果如下图：

如果你用FF浏览器，出现提示“SecurityError: Error #2148: SWF 文件 file:/// F:/FlexPaper1.5.0flash /FlexPaperViewer.swf 不能访问本地资源FusionCharts.swf。只有仅限于文件系统的 SWF 文件和可信的本地 SWF 文件可以访问本地资源。”，或者IE一直都处于加载状态，这种情况，是由于Flexpaper还没获得Adobe Flash的信任，这时你可以请访问 http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html#119065，选择始终允许，把FlexPaper1.5.0flash文件夹添加到信任列表中。

Flexpaper二次开发入门教程》(十) Flexpaper简单使用-第一个Flexpaper例子的更多相关文章

  1. 无废话ExtJs 入门教程十二[下拉列表联动：Combobox_Two]

    无废话ExtJs 入门教程十二[下拉列表联动:Combobox_Two] extjs技术交流,欢迎加群(201926085) 不管是几级下拉列表的联动实现本质上都是根据某个下拉列表的变化,去动态加载其 ...

  2. FlexPaper二次开发问题及搜索高亮显示

    原文:FlexPaper二次开发问题及搜索高亮显示 最近有个需求,做一个IT知识库,类似于文库,说到文库肯定会用到在线浏览文档了,所有在网上翻阅了一下类似豆丁的在线浏览器插件的资料,将其进行了二次开发 ...

  3. RabbitMQ入门教程(十二)：消息确认Ack

    原文:RabbitMQ入门教程(十二):消息确认Ack 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:https://blog.csd ...

  4. 无废话ExtJs 入门教程十六[页面布局：Layout]

    无废话ExtJs 入门教程十六[页面布局:Layout] extjs技术交流,欢迎加群(201926085) 首先解释什么是布局: 来自百度词典的官方解释:◎ 布局 bùjú: [distributi ...

  5. 【Arduino】开发入门【十】Arduino蓝牙模块与Android实现通信

    [Arduino]开发入门[十]蓝牙模块 首先show一下新入手的蓝牙模块 蓝牙参数特点 1.蓝牙核心模块使用HC-06从模块,引出接口包括VCC,GND,TXD,RXD,预留LED状态输出脚,单片机 ...

  6. C#,ArcGIS Engine开发入门教程

    C#,ArcGIS Engine开发入门教程 转自:http://blog.csdn.net/yanleigis/article/details/2233674  目录(?)[+] 五实现 一 加载A ...

  7. 无废话ExtJs 入门教程十九[API的使用]

    无废话ExtJs 入门教程十九[API的使用] extjs技术交流,欢迎加群(201926085) 首先解释什么是 API 来自百度百科的官方解释:API(Application Programmin ...

  8. 一看就懂的Android APP开发入门教程

    一看就懂的Android APP开发入门教程 作者: 字体:[增加 减小] 类型:转载   这篇文章主要介绍了Android APP开发入门教程,从SDK下载.开发环境搭建.代码编写.APP打包等步骤 ...

  9. ENVI Services Engine5.1 应用开发入门教程

    原文地址: ENVI Services Engine5.1 应用开发入门教程_ENVI-IDL中国_新浪博客 http://blog.sina.com.cn/s/blog_764b1e9d0102uy ...

随机推荐

  1. Android与服务器端数据交互（基于SOAP协议整合android+webservice）

    http://www.cnblogs.com/zhangdongzi/archive/2011/04/19/2020688.html 上一节中我们通过http协议,采用HttpClient向服务器端a ...

  2. linux下apache https 虚拟主机配置

    如果单纯仅仅想在数据传输时加密传输,那么ssl证书是不须要认证的,可是浏览器打开时会有警告信息.如果我们做的不是一个公众产品那么也还好啦. 例如以下是今天学习时的一个笔记,事实上我用的是真实环境. 环 ...

  3. Active Directory的LDAP协议与DN（Distinguished Name）详解

    前言 光copy几段代码的文章没什么意思,本章上最基础的代码,主要是为了从编程方面聊LDAP和DN,其它的后面聊,一步步慢慢来吧. Active Directory编程须知 1.域控服务器: Wind ...

  4. THE MARTIAN

    影片的最后一段自白 When I was up there, stranded by myself …… “did I think I was going to die?” Yes, absolute ...

  5. Asp.net core 初探

    写这篇博客的主要目的是加深自己的印象. 后续每天都会写一些自己的学习心得. Ubuntu :16.04 桌面版 .net core : dotnet-dev-1.0.0-preview2-003121 ...

  6. 通过JAVA调用命令行程序

    这是我在把数据导入到数据库时遇到问题,总结下来的.包含两个方法,一个方法是读取文件路径下的文件列表,主方法是执行cmd命令,在导入时想得到导入一个文件的时间,涉及到线程阻塞问题,这个问题理解不是很深, ...

  7. Ubuntu NDK配置与JNI demo

    NDK配置 1.下载最新版本NDK(android-ndk-r9d-linux-x86_64.tar.bz2) 下载网页:http://developer.android.com/tools/sdk/ ...

  8. 在VS2015中增加JQuery引用及智能提示

      打开VS2015,从"工具"菜单选择NuGet选项,搜索Jquery,并点击安装.   可以看到解决方案的scripts增加了对应文件的引用   在HTML文件中可以直接引用j ...

  9. iOS UI13_数据解析XML_,JSON

    - (IBAction)parserButton:(id)sender { parserXML *parser =[[parserXML alloc] init]; [parser startPars ...

  10. STL algorihtm算法iter_swap(29)

    iter_swap原型: std::iter_swap template <class ForwardIterator1, class ForwardIterator2> void ite ...