、

附github 地址：

loever/vue-FlexPaperViewer?

github.com

我們公司近期一個項目需求、網頁中展示pdf文件轉swf文件、用了很多方法都不是很好最後決定用Flexpaper插件

1，這個插件必須在服務區上才能運行起來

2，這個插件只能載入本地的swf文件、

3，遠程的url地址載入不了、解決辦法就是把插件放在服務區端、可能需要跨域 配置一下crossdomain.xml文件

4，官網下載的插件左上角有列印功能 右下角有logo水印 我github上有去列印去logo原碼

可以加QQ相互學習：3179689033

var fp = new FlexPaperViewer(

./FlexPaperViewer, // 這個放文件地址 如果是url 遠程地址 需要把FlexPaperViewer插件 放到伺服器 這裡也是伺服器地址 如果需要跨域的話 讓後臺配置一下 crossdomain.xml viewerPlaceHolder, { config: { SwfFile: ./nihao.swf, //應該打開flash文檔FlowPaper 地址 Scale: 0.6, // ZoomTransition: easeOut, //放大FlowPaper時應使用的縮放過渡。它使用與Tweener相同的Transition模式。默認值為easeOut。一些例子：easynone，easeout，linear，easeoutquad

ZoomTime: 0.5, // 縮放達到新縮放係數所需的時間。應該是0或更大。

ZoomInterval: 0.2, //縮放滑塊應使用的間隔。基本上每個縮放係數之間的「步長」應該有多大。默認值為0.1。應該是一個正數。 FitPageOnLoad: true, //在初始載入時適合頁面。與使用工具欄中的fit-page按鈕效果相同。 FitWidthOnLoad: false, // 適合初始載荷時的寬度。與使用工具欄中的適合寬度按鈕效果相同。 PrintEnabled: true, // FullScreenAsMaxWindow: false, //設置為true後，單擊全屏將打開一個新的瀏覽器窗口，FlowPaper最大化而不是使用真正的全屏。當使用FlowPaper作為獨立快閃記憶體時，這是首選設置，因為Flash播放器的安全限制會禁用（出於安全考慮）真正全屏的大多數輸入控制項。 ProgressiveLoading: false, // 將設置為true時將逐步載入和顯示文檔，而不是在顯示頁面之前下載完整文檔。文檔需要至少轉換為Flash版本9才能生效（-T 9標記使用PDF2SWF）。請注意，此參數在FlowPaper Zine中無效。請在FlowPaper Zine中使用拆分頁面載入大型文檔。 MinZoomSize: 0.2, //設置允許的最大縮放級別 MaxZoomSize: 5, //設置允許的最小縮放級別 SearchMatchAll: false, //設置為true時，查看器會在文檔中執行搜索時突出顯示所有匹配項。

InitViewMode: Portrait, //設置啟動視圖模式。例如「Portrait」或「TwoPage」。

ViewModeToolsVisible: true, //顯示或隱藏工具欄中的縮放工具 ZoomToolsVisible: true, // 顯示或隱藏工具欄中的縮放工具 NavToolsVisible: true, // 顯示或隱藏工具欄中的導航工具 CursorToolsVisible: true, // 顯示或隱藏工具欄中的遊標工具 SearchToolsVisible: true, //顯示或隱藏工具欄中的搜索工具 localeChain: en_US //設置要使用的區域設置（語言）。目前支持以下語言： // EN_US（ 英文） // fr_FR時（ 法國） //zh_CN的（ 中國， 簡單）

//es_ES（ 西班牙語）

//pt_BR表示（ 巴西葡萄牙語） //ru_RU（ 俄羅斯） //fi_FN（ 芬蘭） //de_DE這個（ 德國） //nl_NL（ 荷蘭） //tr_TR（ 土耳其） //se_SE（ 瑞典） //PT_PT（ 葡萄牙語） //el_EL（ 希臘語）

//dn_DN（ 丹麥語）

//cz_CS（ 捷克語） //it_IT（ 義大利語） //pl_PL（ 波蘭語） //pv_FN（ 芬蘭語） //hu_HU（ 匈牙利語） } });

推薦閱讀：

相關文章