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 音频的播放之二MediaPlayer

    MediaPlayer类可用于控制音频/视频文件或流的播放.关于怎样使用这个类的方法还能够阅读VideoView类的文档. 1．状态图 对播放音频/视频文件和流的控制是通过一个状态机来管理的. 下图显 ...

  2. vs升级c++项目遇到的一些问题

    1.error C1189: #error :  This file requires _WIN32_WINNT to be #defined at least to 0x0403. Value 0x ...

  3. mediawiki 管理员/行政员设置

    mediawiki行政员找回 mediawiki 1.22.6默认安装完毕后,无管理员/行政员.默认都是user组成员.这样不便于wiki系统维护. 注: 默认情况下.行政员组(bureaucrat) ...

  4. VC++的project文件

    VC++的project文件说明: *.dsp:是VC++的项目文件,文本格式. *.dsw:是工作区文件,它能够指向一个或多个.dsp文件. *.clw:是 ClassWizard信息文件,实际上是 ...

  5. Spring里bean之间的循环依赖解决与源码解读

    通过前几节的分析,已经成功将bean实例化,但是大家一定要将bean的实例化和完成bean的创建区分开,bean的实例化仅仅是获得了bean的实例,该bean仍在继续创建之中,之后在该bean实例的基 ...

  6. Mataplotlib绘图和可视化

    Mataplotlib是一个强大的python绘图和数据可视化工具包 安装方法:pip install matplotlib 引用方法:import matplotlib.pyplot as plt ...

  7. ZOJ 3156 Taxi （二分匹配+二分查找）

    题目链接:Taxi Taxi Time Limit: 1 Second      Memory Limit: 32768 KB As we all know, it often rains sudde ...

  8. kubernetes的Service Account和secret

    系列目录 Service Account Service Account概念的引入是基于这样的使用场景:运行在pod里的进程需要调用Kubernetes API以及非Kubernetes API的其它 ...

  9. Java RESTful 框架

    [转载] 最好的8个 Java RESTful 框架 - 2015 Top 8 Java RESTful Micro Frameworks – Pros/Cons - 2017 Restlet - f ...

  10. ORA-00600: internal error code, arguments: [2662], [0], [1106971], [0], [1107731], [12583040]

    今天是2014-06-06,在进行数据库恢复的时候出现了一个久违的ora-600 [2662]错误.特整理例如以下: 问题描写叙述: system及数据文件误删,採用恢复数据文件的方式将数据库恢复到開 ...