网页上嵌入一个类似与百度文库的Flash

最新推荐文章于 2025-08-06 14:36:16 发布

转载最新推荐文章于 2025-08-06 14:36:16 发布 · 62 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/234439/blog/207578

文章标签：

#xhtml #javascript #python #ViewUI

本文介绍了一个使用FlexPaper查看器展示PDF文档的HTML页面配置示例，包括了如何设置查看器的基本属性如缩放比例、过渡效果等，并展示了如何通过JavaScript初始化FlexPaper查看器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

结果样式：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head> 
        <title>FlexPaper</title>         
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
        <style type="text/css" media="screen"> 
html, body { height:100%; }
body { margin:0; padding:0; overflow:auto; }   
#flashContent { display:none; }
        </style> 
<script type="text/javascript" src="js/flexpaper_flash.js"></script>
    </head> 
    <body> 
     <div style="position:absolute;left:10px;top:10px;">
       <a id="viewerPlaceHolder" style="width:680px;height:480px;display:block"></a>
       
       <script type="text/javascript"> 
var fp = new FlexPaperViewer(
'FlexPaperViewer',
'viewerPlaceHolder', { config : {
SwfFile : escape('139297102239174.swf'),
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',
PrintPaperAsBitmap : false,
 
ViewModeToolsVisible : true,
ZoomToolsVisible : true,
NavToolsVisible : true,
CursorToolsVisible : true,
SearchToolsVisible : true,
   
    localeChain: 'en_US'
}});
       </script>
        </div>
   </body>

路径