背景 公司需要前端在pdf上进行圈选区域，把区域给后端，然后识别文字的功能。 第一想法就是使用画布来实现。 在vue中使用pdf.js 1、安装 npm i pdfjs-dist@2.4.456 -D

最近有需求需要做一个小工具：生成 pdf 水印的网页工具。 「方案 1」一开始是想前端传递文件、水印文案给后端，然后由服务器生成，然后返回前端制作好的带水印的 pdf 链接提供下载。 然后就按照这个方案开始了行动，后端同事一顿噼里啪啦的操作最后使用 python 的 repor…

有了以上的分析，我们就知道改如何优化PDF渲染，我们假设页面上面有一个列表，列表里面每一个元素都保存着pdf页面信息和文本信息，那么我们的优化就从 pdf 大文件优化转化成了前端页面长列表优化。 如果是优化长列表，我们能列举出好多优化方案：懒加载，虚拟滚动。我们这节就用虚拟滚动…

在开发中遇到比较棘手的问题，后端文件流返回渲染成功后，展示的是空白，原因就是要请求文件流类型的接口，需要把responseType设置为arraybuffer，否则就会渲染空白，这方面的问题在百度也比较难查到，是一个需要注意的点。 当请求返回文件流接口成功时，能够正常渲染。 解…

vue整合pdfjs，实现前端canvas预览pdf文件流，pdf拖拽定位盖章，实现盖章撤销等功能。

这两个文件包含了获取、解析和展示PDF文档的方法，但是解析和渲染PDF需要较长的时间，可能会阻塞其它JS代码的运行。 为解决该问题，pdf.js依赖了HTML5引入的Web Workers——通过从主线程中移除大量CPU操作（如解析和渲染）来提升性能。 PDF.js的API都会…

使用这种方式好处在于不需要借助任何插件以及兼容性好，在IE10以上以及谷歌火狐上测试都没有问题，限制在于pdf文件存放在后端，需要由后端提供内容。

一般我们在web中展示pdf文件，使用的都是mozilla/pdf.js这个开源库，它可以帮我们处理服务端返回文件流，解析成pdf图像（可选择canvas或者svg），再插入到页面中展示。如果使

推荐阅读1、前端页面如何优雅的显示PDF：原理说明2、前端页面如何优雅的显示PDF（上）：渲染页面使用依赖包text_layer_builder.jstext_layer_builder.css引入文