為了解決移動(dòng)端pdf文件轉(zhuǎn)圖片，在網(wǎng)上差了好久相關(guān)的資料，踩了N多的坑，才總算弄出來(lái)，發(fā)這個(gè)貼是為了記錄一下，也方便第一次使用的同志們使用，pdf在移動(dòng)端轉(zhuǎn)圖片我是通過(guò)pdfh5.js來(lái)完成的，我用的uni-app，用法跟vue基本一致，如果是pc端的話(huà)使用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'//這里很重要，需要定義后臺(tái)傳來(lái)的圖片流數(shù)據(jù)格式為 arrayBuffer}).then((result) => {let [error, res] = result;var pdfh5 = new Pdfh5('#pdf', {//#pdf與上面標(biāo)簽的id名對(duì)應(yīng)data: res.data,//res.data為請(qǐng)求回來(lái)的數(shù)據(jù)'zoomEnable': false,scrollEnable: false,});});

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

總結(jié)

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

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