标签 pdfjs 下的文章

撸了个轮子Cafe-PDF

又撸了一个轮子，基于PDFJS封装的，支持目录跳转、缩放、上一页、下一页、跳页、滚动、懒加载、打印。

2021-09-09T03:26:14.png

基于 PDF.js 在 Vue 中渲染 PDF 文件，支持文本渲染、懒加载、分页、缩放和打印功能。

鉴于市面上没有特别顺手的预览PDF插件，所以周末两天在家撸代码，终于搞出来一个可用的玩意。项目中使用的VUE-PDF，超过200页，直接在IE下卡死，我这个插件，500页PDF，也可以做到丝滑般的使用体验（自卖自夸）！

2021-06-21T12:38:46.png

可以看到，只加载了前两页，后面的12页全部都没有渲染。

npm install cafe-pdf --save

import cafePdf from 'cafe-pdf'
import 'cafe-pdf/package/cafe-pdf.css'
Vue.use(cafePdf)

注意：使用打印功能，需配合打印样式。