记使用pdf.js过程遇到的坑

发布网友发布时间：2024-10-13 08:22

共1个回答

热心网友时间：2024-10-26 09:26

在项目中引入js库以实现PDF文件渲染，经过调研发现，虽有精简版如reach-pdf.js与svelte-pdf.js，但功能却不如原始pdf.js全面。原始库缺乏详尽示例，多数现有代码案例年代久远。在此过程中，我遇到并记录了诸多坑点，希望对读者有所帮助。

通过npm安装pdfjs-dist库（亦可直接下载源码并引入），紧接着需导入该库。

实现单页与多页渲染，只需在基础代码上加入循环即可。

值得注意的是，渲染完成后的PDF仅有图片形式，页面结构中仅包含canvas组件。若需实现文字的选择与复制，需在canvas渲染后，再加入文字层。

简言之，需在完成canvas渲染后，额外绘制文字层。需关注的要点包括：