首页 前端知识 前端使用pdf.js进行pdf文件预览的第二种方式:Viewer.html

前端使用pdf.js进行pdf文件预览的第二种方式:Viewer.html

2024-05-14 23:05:19 前端知识 前端哥 500 859 我要收藏

背景

最近需要实现一个PDF文档预览的功能,按理说,如果只是简单的预览,使用<embed><object>等就可以实现。

但是,我们的需求要实现搜索!而且,文档还都超大,均300页以上。那<embed><object>就难以实现了!所以使用pdf.js库。

摘要

上一篇文章 前端 使用pdf.js加载PDF文件 中讲的是使用canvas绘图的方式,将PDF文件渲染在页面中。但其实PDF.js也提供了通过viewer.html来加载预览PDF文件,而且使用非常方便。

viewer.html很好用,但是我查遍了很多文档,真的都好难看懂是怎么使用的啊!那下面,我们把使用viewer.html的方法直接贴出来。

使用Viewer.html的好处

  1. 与我上一篇文章中提到的canvas绘图相比,性能肯定是比较好的;
  2. 自带了搜索、页面跳转、高亮等等工具栏,不需要手动实现了,这是莫大的便利。

viewer.html使用

第一步:p

转载请注明出处或者链接地址:https://www.qianduange.cn//article/8660.html
标签
pdf
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
浏览器升级提示:您的浏览器版本较低,建议您立即升级为知了极速浏览器,极速、安全、简约,上网速度更快!立即下载
复制成功!