為了解決移動端pdf文件轉(zhuǎn)圖片，在網(wǎng)上差了好久相關(guān)的資料，踩了N多的坑，才總算弄出來，發(fā)這個貼是為了記錄一下，也方便第一次使用的同志們使用，pdf在移動端轉(zhuǎn)圖片我是通過pdfh5.js來完成的，我用的uni-app，用法跟vue基本一致，如果是pc端的話使用pdf.js就可以使用了

下面是下載地址
https://www.npmjs.com/package/pdfh5
npm install pdfh5

下面附上代碼
引入pdfh5.js

import Pdfh5 from "pdfh5"; import "pdfh5/css/pdfh5.css"; <view class="pdf" id="pdf"></view> uni.request({method: 'get',url: url,//此處為圖片地址，本人用的是網(wǎng)絡(luò)鏈接header: {'content-type': "text/html;charset=UTF-8"},responseType: 'arrayBuffer'//這里很重要，需要定義后臺傳來的圖片流數(shù)據(jù)格式為 arrayBuffer}).then((result) => {let [error, res] = result;var pdfh5 = new Pdfh5('#pdf', {//#pdf與上面標(biāo)簽的id名對應(yīng)data: res.data,//res.data為請求回來的數(shù)據(jù)'zoomEnable': false,scrollEnable: false,});});

如果想修改pdf圖片的樣式，可以在下載的pdfh5包中找到css/pdfh5.css，通過里面的類名來修改樣式，剛開始不知道，在pdf里找了好久，最后才發(fā)現(xiàn)直接在css文件就可以改樣式（哭笑）

總結(jié)

以上是生活随笔為你收集整理的移动端、公众号、小程序pdf转图片，pdfh5.js的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。