日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

移动端、公众号、小程序pdf转图片,pdfh5.js

發布時間:2023/12/29 编程问答 35 豆豆
生活随笔 收集整理的這篇文章主要介紹了 移动端、公众号、小程序pdf转图片,pdfh5.js 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
為了解決移動端pdf文件轉圖片,在網上差了好久相關的資料,踩了N多的坑,才總算弄出來,發這個貼是為了記錄一下,也方便第一次使用的同志們使用,pdf在移動端轉圖片我是通過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,//此處為圖片地址,本人用的是網絡鏈接header: {'content-type': "text/html;charset=UTF-8"},responseType: 'arrayBuffer'//這里很重要,需要定義后臺傳來的圖片流數據格式為 arrayBuffer}).then((result) => {let [error, res] = result;var pdfh5 = new Pdfh5('#pdf', {//#pdf與上面標簽的id名對應data: res.data,//res.data為請求回來的數據'zoomEnable': false,scrollEnable: false,});});

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

總結

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

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。