网页打开pdf文件,如何让他全屏适应

我写了一个弹出iframe框架,打开的是pdf文件。现在想让他直接打开就是适应屏幕大小的(全屏显示),或者让pdf文件放大也行。
说白了就是控制浏览器的放大功能图片描述
各位帮忙看看,如何实现。

阅读 10.5k
2 个回答

直接调用实现不了,需要使用flash(参考百度文库),那样太麻烦了。

=================================================

我之前做过类似的,iframe内嵌 pdf方案最终放弃了。

=================================================

第一种方案:用gitbook重新生成的html,想怎么iframe就怎么iframe。

以 国产开源项目 hyper.sh 的官方文档为例,他的文档就是gitbook的。

<body style="background:#CCC">
  <h1>DEMO</h1>
  <iframe
     src="https://docs.hyper.sh/"
     style="width:100%;height:600px;background:#FFF;border:solid 1px #CCC;border-radius:25px;border-right:solid 5px #999;border-bottom:solid 5px #999;"
     frameborder="no"
   ></iframe>
</body>

======================================

第二种方案:用pdf2swf转换成Flash,用FlexPaper.swf显示。(百度文档用的这种模式)

pdf2swf下载
Flexpaper下载
FlexPaper实现文档在线浏览(附源码)

======================================

PDF原生的方案,坐等大神解答。

PDF.js

PDF Reader in JavaScript

值得尝试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏