vue中使用pdfjs-dist + turnjs实现页面的翻书浏览

2022-10-31 12:40:22

pdfjs-dist的工作原理:把获取到的pbf的文件的数据流,利用canvas转换成图片turnjs把多个元素做成翻书的特效我接手了一个展示大屏的项目,其中有一个地方,就是要以翻书的形...

pdfjs-dist 的工作原理:把获取到的 pbf 的文件的数据流, 利用 canvas转换成图片

turnjs 把多个元素做成翻书的特效

我接手了一个展示大屏的项目, 其中有一个地方,就是要以翻书的形式来预览 pdf文件
如图
请添加图片描述

首先 安装 psfjs-dist

npm install --save pdfjs-dist

turnjs 是jquery的项目, 所以, 我们要在vuejs中安装 jquery

vue中安装jqueryjs的方法

npm install jquery --save
然后在 vue.config.js中配置

module.exports = {     chainWebpack: config => {       config