Flexpaper初接觸

標籤：style   blog   http   color   java   io   檔案   ar   2014   

首先從官網上下載Flexpaper。

主要是這幾檔案：

flexpaper.js

flexpaper_handlers.js

jquery.min.js

FlexPaperViewer.swf

js在js檔案夾下，swf在根目錄下。

官方的這個swf帶logo，可以去網上找不帶logo和列印的swf。

如果會Flex的話，可以用FlashBuilder安裝svn外掛程式然後下載源碼進行二次開發，源碼在Google上......

PDF轉成SWF用的是SWFTools。

項目目錄：

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就能看到效果了。

 

Flexpaper初接觸