Flexpaper初接触

时间 2019-12-09

标签 flexpaper 接触栏目 Flex 繁體版

原文原文链接

首先从官网上下载Flexpaper。javascript

主要是这几文件：html

flexpaper.jsjava

flexpaper_handlers.jsjquery

jquery.min.jstomcat

FlexPaperViewer.swf服务器

js在js文件夹下，swf在根目录下。svn

官方的这个swf带logo，能够去网上找不带logo和打印的swf。flex

若是会Flex的话，能够用FlashBuilder安装svn插件而后下载源码进行二次开发，源码在Google上......ui

PDF转成SWF用的是SWFTools。spa

项目目录：

test2.swf是用pdf转成的。

zz.html源码：

<!doctype html>
<html>
<head>
    <title>FlexPaper</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="flexpaper.js"></script>
    <script type="text/javascript" src="flexpaper_handlers.js"></script>
</head>
<body>

<div id="documentViewer" class="flexpaper_viewer" style="width:100%;height:500px"></div>

<script type="text/javascript">

    var file='test2.swf';//这里是文件地址

    $('#documentViewer').FlexPaperViewer(
            { config : {

                SWFFile : file,

                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',
                RenderingOrder : 'flash',
                StartAtPage : '',

                ViewModeToolsVisible : true,
                ZoomToolsVisible : true,
                NavToolsVisible : true,
                CursorToolsVisible : true,
                SearchToolsVisible : true,
                WMode : 'window',
                //localeChain: 'en_US'
                localeChain: 'zh_CN'
                
            }}
    );
</script>





</body>
</html>

这个项目要放到服务器下面。

个人是放到tomcat下面了。

以后访问这个html就能看到效果了。