1、安装pdfjs-dist插件,推荐使用2.0.943这个版本
npm install pdfjs-dist@2.0.943
2、页面中引入使用
import PDFJS from 'pdfjs-dist'
// 文本视图,可复制
import {
TextLayerBuilder } from 'pdfjs-dist/web/pdf_viewer'
import 'pdfjs-dist/web/pdf_viewer.css'
PDFJS.workerSrc = require('pdfjs-dist/build/pdf.worker.min')
3、页面标签
<div class="pdfContainer">
<div class="pdfOprate">
<!-- 当前页码/页码总数 -->
<span class="pdfCount">
<span class="pdfPage">{
{
pdfPage}}</span> / <span class="pdfPageTotal">{
{
pdfTotalPages}}</span>
</span>
</div>
<!-- pdf视图 -->
<div class="pdfBody" @scroll="pdfScroll($event)">
<div id="pdfBox">
<!-- pdf内容,图片和文本视图 -->
<!-- <div class="divBox">
<canvas ></canvas>
<div class="textLayer"

8848

被折叠的 条评论
为什么被折叠?



