FlexPaper参数详解

简介:



182351537.jpg


SwfFile (String) 需要使用Flexpaper打开的文档

Scale (Number) 初始化缩放比例,参数值应该是大于零的整数

ZoomTransition (String) Flexpaper中缩放样式,它使用和Tweener一样的样式,默认参数值为easeOut.其他可选值包括: easenone, easeout, linear, easeoutquad

ZoomTime (Number) 从一个缩放比例变为另外一个缩放比例需要花费的时间,该参数值应该为0或更大。

ZoomInterval (Number) 缩放比例之间间隔,默认值为0.1,该值为正数。

FitPageOnLoad (Boolean) 初始化得时候自适应页面,与使用工具栏上的适应页面按钮同样的效果。

FitWidthOnLoad (Boolean) 初始化的时候自适应页面宽度,与工具栏上的适应宽度按钮同样的效果。

localeChain (String) 设置地区(语言),目前支持以下语言。

   en_US (English)

   fr_FR (French)

   zh_CN (Chinese, Simple)

   es_ES (Spanish)

   pt_BR (Brazilian Portugese)

   ru_RU (Russian)

   fi_FN (Finnish)

   de_DE (German)

   nl_NL (Netherlands)

   tr_TR (Turkish)

   se_SE (Swedish)

   pt_PT (Portugese)

   el_EL (Greek)

   da_DN (Danish)

   cz_CS (Czech)

   it_IT (Italian)

   pl_PL (Polish)

   pv_FN (Finnish)

   hu_HU (Hungarian)

FullScreenAsMaxWindow (Boolean) 当设置为true的时候,单击全屏按钮会打开一个flexpaper最大化的新窗口而不是全屏,当由于flash播放器因为安全而禁止全屏,而使用flexpaper作为独立的flash播放器的时候设置为true是个优先选择。

ProgressiveLoading (Boolean) 当设置为true的时候,展示文档时不会加载完整个文档,而是逐步加载,但是需要将文档转化为9以上的flash版本(使用pdf2swf的时候使用-T 9 标签)。

MaxZoomSize (Number) 设置最大的缩放比例。

MinZoomSize (Number) 最小的缩放比例。

SearchMatchAll (Boolean) 设置为true的时候,单击搜索所有符合条件的地方高亮显示。

InitViewMode (String) 设置启动模式如"Portrait" or "TwoPage".

ViewModeToolsVisible (Boolean) 工具栏上是否显示样式选择框。

ZoomToolsVisible (Boolean) 工具栏上是否显示缩放工具。

NavToolsVisible (Boolean) 工具栏上是否显示导航工具。

CursorToolsVisible (Boolean) 工具栏上是否显示光标工具。

SearchToolsVisible (Boolean) 工具栏上是否显示搜索。

对比本例子中的参数设置:

SwfFile : escape('FusionCharts.swf'),//加载的SWF文件为FusionCharts.swf

Scale : 0.6, //初始化缩放比例为0.6,即60%

ZoomTransition : 'easeOut',

ZoomTime : 0.5,

ZoomInterval : 0.2,

FitPageOnLoad : true,//加载时自动适应页面

FitWidthOnLoad : false, //加载时自动适应页面宽度

FullScreenAsMaxWindow : false,

ProgressiveLoading : false,

MinZoomSize : 0.2, //页面最小可缩小成20%

MaxZoomSize : 5, //页面最大可放大成500%

SearchMatchAll : false,

InitViewMode : 'Portrait',

PrintPaperAsBitmap : false,

ViewModeToolsVisible : true,

ZoomToolsVisible : true,

NavToolsVisible : true,

CursorToolsVisible : true,

SearchToolsVisible : true,                      

localeChain: 'en_US' //设置地区(语言)为en_US


实例:(V1.4.5)


 
 
  1. <script type="text/javascript">

  2. <!--

  3. var fp = new FlexPaperViewer(    

  4. 'FlexPaperViewer',

  5. 'viewerPlaceHolder', { config : {

  6.             SwfFile : escape('../swf_file/<?php echo $swfdir?>/{<?php echo $swfdir?>[*,0].swf,<?php echo $prenum?>}'),

  7.             Scale : 0.6,                           //初始化缩放比例,参数值应该是大于零的整数

  8.             ZoomTransition : 'easeOut',            //缩放方式,缓缓呈现

  9.             ZoomTime : 0.5,                        //从一个缩放比例变为另外一个缩放比例需要花费的时间,该参数值应该为0或更大

  10.             ZoomInterval : 0.2,                    //缩放比例之间间隔,默认值为0.1,该值为正数

  11.             FitPageOnLoad : true,                  //初始化得时候自适应页面

  12.             FitWidthOnLoad : false,                //初始化的时候自适应页面宽度

  13.             PrintEnabled : true,

  14.             FullScreenAsMaxWindow : false,         //当设置为true的时候,单击全屏按钮会打开一个flexpaper最大化的[新窗口]而不是全屏

  15.             ProgressiveLoading : false,            //当设置为true的时候,展示文档时不会加载完整个文档,而是逐步加载

  16.             MinZoomSize : 0.2,                     //最小的缩放比例

  17.             MaxZoomSize : 5,                       //最大的缩放比例

  18.             SearchMatchAll : false,                //设置为true的时候,单击搜索[所有]符合条件的地方高亮显示

  19.             InitViewMode : 'Portrait',

  20.             ViewModeToolsVisible : true,           //工具栏上是否显示样式选择框

  21.             ZoomToolsVisible : true,               //工具栏上是否显示缩放工具

  22.             NavToolsVisible : true,

  23.             CursorToolsVisible : false,            //工具栏上是否显示光标工具

  24.             SearchToolsVisible : true,

  25.             localeChain: 'en_US'

  26.             }});

  27. //-->

  28. </script>



如果需要显示调用远程服务器的swf文件:设置如下:

http://xuqin.blog.51cto.com/5183168/1125824





      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1088231,如需转载请自行联系原作者






相关文章
|
8月前
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
CSS3【display: flex;】与【align-items: 侧轴对齐方式;】的使用
38 0
|
7月前
CSS3 【display: flex; 】与【flex-wrap: 换行模式;】的使用
CSS3 【display: flex; 】与【flex-wrap: 换行模式;】的使用
40 0
|
7月前
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置的algin-items;】的使用
CSS3 【display: flex;】与【align-self: 可覆盖父元素设置的algin-items;】的使用
25 0
|
8月前
CSS3 【display: flex; 】与【flex-wrap: 换行模式;】的使用
CSS3 【display: flex; 】与【flex-wrap: 换行模式;】的使用
68 0
|
10月前
|
前端开发 容器
一篇文章带你掌握Flex布局的所有用法(上)
一篇文章带你掌握Flex布局的所有用法(上)
55 0
|
10月前
|
前端开发 容器
一篇文章带你掌握Flex布局的所有用法(下)
一篇文章带你掌握Flex布局的所有用法(下)
43 0
一篇文章带你掌握Flex布局的所有用法(下)
|
前端开发 Go 容器
删除display:flex会在链接周围添加空格为什么?
删除display:flex会在链接周围添加空格为什么?
107 0
|
前端开发
CSS - Flex属性 - flex-grow / flex-shrink / flex-basis(上)
CSS - Flex属性 - flex-grow / flex-shrink / flex-basis(上)
81 0
CSS - Flex属性 - flex-grow / flex-shrink / flex-basis(上)
|
前端开发
CSS - Flex属性 - flex-grow / flex-shrink / flex-basis(下)
CSS - Flex属性 - flex-grow / flex-shrink / flex-basis(下)
93 0
ADI
|
前端开发 容器
[记录] Flex语法教程
[记录] Flex语法教程
ADI
86 0