Flexpaper初接觸

首先從官網上下載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就能看到效果了。

相關文章
相關標籤/搜索