web中显示pdf文件

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/winfredzen/article/details/71436445

web中显示pdf文件

原始文档是word,由于主要是要在手机的浏览器中显示,据你会选择什么样的电子书格式?为什么?,所以考虑了使用epub格式。

使用epub.js

使用开源项目calibreword转为epub格式

使用了开源项目futurepress/epub.js,在PC端和手机端显示时字体够大,但是如果其中有图片,会发现图片被截取,只显示中间的一部分

使用pdf.js

使用狐火的开源项目mozilla/pdf.js,在浏览器中直接显示pdf

使用pdf2htmlEX

开源项目coolwanglu/pdf2htmlEX,将pdf转为html,但在手机浏览器显示时加载时间有点长(可能是我的html文件size过大)

window下载地址pdf2htmlEX Windows Version

使用方式Quick Start,油管也有视频教最基本的使用方式

优化:

1.在转html之前,优化pdf文件Optimizing PDF Files

2.适配Mobile Devices

  • #page-container中添加-webkit-overflow-scrolling: touch;
  • Hide pages that are out of screen using JavaScript, by completely removing them from the DOM
  • 触发css的3d加速,如translateZ或者translate3d

其它方式

如使用FlipBuilder,或者FlowPaper

参考

展开阅读全文

没有更多推荐了,返回首页