需求背景:系统导入一份PDF文件后,用户分不同角色查看PDF不同页码的内容,设定可以查看哪几页。
2种实现方案:
2种实现的区别:第1中是只显示需要预览的页;第二种所有页都显示,使用不可见的方式,但呈现时有占位的,可以看效果可以知道。
一、通过canvas画布显示需要显示的页
1、引入资源pdfjs插件代码,小改官网源码后的代码。
2、页面中嵌入html
3、页面设定需要预览的页码。
4、预览效果,显示顺序第1页、第5页、第3页,
二、通过canvas画布显示需要显示的所有页,不设定预览的页不可见。
1、引入资源pdfjs插件代码,小改官网源码后的代码。
2、页面中嵌入html(注:这里的html路径不一样)
3、页面设定需要预览的页码。
4、预览效果