背景
最近需要实现一个PDF文档预览的功能,按理说,如果只是简单的预览,使用<embed>
、<object>
等就可以实现。
但是,我们的需求要实现搜索!而且,文档还都超大,均300页以上。那<embed>
、<object>
就难以实现了!所以使用pdf.js库。
摘要
上一篇文章 前端 使用pdf.js加载PDF文件 中讲的是使用canvas绘图的方式,将PDF文件渲染在页面中。但其实PDF.js也提供了通过
viewer.html
来加载预览PDF文件,而且使用非常方便。
viewer.html
很好用,但是我查遍了很多文档,真的都好难看懂是怎么使用的啊!那下面,我们把使用viewer.html
的方法直接贴出来。
使用Viewer.html的好处
- 与我上一篇文章中提到的canvas绘图相比,性能肯定是比较好的;
- 自带了搜索、页面跳转、高亮等等工具栏,不需要手动实现了,这是莫大的便利。