pdf 转换为图片格式（可提高兼容性）

1、首先下载pdf.js

// 导入插件
import pdf  from '@/hybrid/html/pdf/pdf.js'
// 设置主要工作js
pdf.GlobalWorkerOptions.workerSrc = '/hybrid/html/pdf/pdf.worker.js'
// 设置文字库，否则只会显示空白
let CMAP_URL = '/hybrid/html/web/cmaps/';//自己的pdfjs字库的路径
// 设置配置、并加载文档（这里的url可以使一个地址，也可以是一个网络地址）
let loadingTask = pdf.getDocument({url:url,cMapUrl: CMAP_URL,
cMapPacked: true})

loadingTask.promise.then(function(pdf) {
// 加载pdf第一页
pdf.getPage(1).then(function(page) {
// 设置缩放比例（1.5倍）
var scale = 1.5;  
// 从当前页面上获取页面内容
var viewport = page.getViewport(scale);
// 创建画步对象
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
// 设置画布宽高
canvas.height = viewport.height;
canvas.width = viewport.width;
// 转换对象格式
var renderContext = {
canvasContext: context,
viewport: viewport,
};
// 传入对象渲染
page.render(renderContext).then(()=>{
// 此处渲染是异步操作
// 调用canvas.toDataURL("image/jpg") 将canvas 转换为base64 作为图片使用
that.imgUrl = canvas.toDataURL('image/jpg')
})

});
});