【微信小程序云开发】使用云函数（node.js）实现多张图片转成pdf的功能，且pdf带水印

最近在做项目的时候，碰到一个功能需要多张图片转成pdf的功能，首先，在网上找了很多资料，都没有一个合适的。

后来，就自己动手使用云函数写了一个处理图片转成pdf的云函数，而且需带水印。

直奔主题，使用的是微信小程序云开发里面的云函数，是基于node.js写的

先看效果：

看完整代码，都有详细注释！！！

// 云函数多张图片 转成 pdf
//引入模块之前，记得先install安装模块哈，熟悉nodejs的安装模块不难，不懂的百度一下
const cloud = require('wx-server-sdk');
const { PDFDocument, StandardFonts, rgb } = require('pdf-lib');  //引入pdf-lib模块，转成pdf的时候用到
const {fontkit} = require('@pdf-lib/fontkit')    //引入@pdf-lib/fontkit模块，水印的时候用到cloud.init({env:'你的环境id'  //填入你的环境id
});// 云函数入口函数
exports.main = async (event, context) => {//接收小程序端传来的图片数组let img_arr  =event.img_arr;//arr是用来存储fileContent的数组let arr = []//pdf的总高度，是等于数组里面的所有图片的高度之和let zheight = 0//用来存储处理过后的各个图片信息的数组let content_arr = []const doc = await PDFDocument.create();let page = doc.addPage();doc.registerFontkit(fontkit)//下载图片 获取fileContent，并且存入arr数组for (let i = 0; i < img_arr.length; i++) {let lian = img_arr[i]let lenderSignSign = await cloud.downloadFile({fileID:lian});//concat是数组直接的拼接，这里需要使用push，这是个开发习惯导致的坑arr.push(lenderSignSign.fileContent)          }//获取所有照片组成的高度和宽度for (let j = 0; j < arr.length; j++) {//判断图片是pngif(img_arr[j].match(/.png/g)){let img = await doc.embedPng(arr[j]);//计算图片展示的宽高，根据原有的比例和pdf的宽度来算let h = (img.height*700)/img.widthlet obj ={img:img,width:700,height:h,}content_arr.push(obj)zheight =parseInt(zheight + h)}//判断图片是jpgif(img_arr[j].match(/.jpg/g)){let img = await doc.embedJpg(arr[j]);//计算图片展示的宽高，根据原有的比例和pdf的宽度来算let h = (img.height*700)/img.widthlet obj ={img:img,width:700,height:h,}content_arr.push(obj)zheight =parseInt(zheight + h)}//判断如果图片不是png或者jpg。则返回提示if(!img_arr[j].match(/.jpg/g)&&!img_arr[j].match(/.png/g)){let str = '图片只支持jpg和png格式'return str}}//开始设置pdf的高度和宽度page.setWidth(800);page.setHeight(zheight);//guodu_height用来存储排在前面的高度let guodu_height = 0//开始绘制for (let i = 0; i < content_arr.length; i++) {guodu_height = guodu_height + content_arr[i].heightlet height = zheight - guodu_heightpage.drawImage(content_arr[i].img,{x: 50,           //左右各间隔50y: height,width:content_arr[i].width,height:content_arr[i].height,});}// 定义水印的字体const customFont = await doc.embedFont(StandardFonts.Helvetica)// 定义水印，水印不能中文，不然会报错const text = 'this is ziwenlu'const textSize = 20// 嵌入水印page.drawText(text, {x: 0,y: 0,size: textSize,font:customFont,opacity: 0.5,color: rgb(0, 0.53, 0.71),})const docBase64 = await doc.saveAsBase64()const docBuffer = Buffer.from(docBase64, 'base64');//表明这个pdf是存放在云存储里面带的tmp文件夹，后面是给pdf取名称let fileName = 'tmp/' + parseInt(new Date().getTime() / 1000) + '.pdf';//开始上传到云存储let result = await cloud.uploadFile({ cloudPath: fileName, fileContent: docBuffer });let fileID = result.fileID;//转http访问const fileList = await cloud.getTempFileURL({fileList: [fileID],});let pdf = fileList.fileList[0].tempFileURL;return { code: 1, msg: '', data: { fileID: fileID, pdf: pdf } }}

这就是完整的云函数代码。不过这个处理有点点耗时，再加上云函数的冷启动缺点，云函数的请求超时时间默认是3秒，所以建议把云函数的请求超时时间改为10秒，这样就不会请求超时了，测试过还是挺快的。

end

【微信小程序云开发】使用云函数（node.js）实现多张图片转成pdf的功能，且pdf带水印相关推荐

python写微信小程序商城_Python(Django 2.x)+Vue+Uniapp微信小程序商城开发视频教程
重要的事儿说在前面: 这并非是一个基础课程,请没有相关技术基础知识的同学先学一下基础知识. 本次分享虽然使用Uni-app这个"开发一次,多端覆盖"的框架,但只会给大家分享演示&q ...
【微信小程序-原生开发】实用教程09 - 可滚动选项，动态列表-步骤条（含事件传参），动态详情（含微信云查询单条数据 doc）
开始前,请先完成圆梦宝典中滚动公告栏的开发,详见 [微信小程序-原生开发]实用教程 08 - 开通微信云开发,操作云数据库新增数据(含修改数据权限),初始化云服务(含获取微信云环境 id),获取云数据 ...
微信小程序——传统开发模式与云开发模式对比
目录 1.传统开发模式与云开发模式的对比图 2.云开发技术能力说明 3.云开发技术特点 1.传统开发模式与云开发模式的对比图通过传统开发模式与云开发模式的对比图可以看出传统开发模式需要开发者关注 ...
微信小程序图片无法存入云开发数据库，求解决
微信小程序图片无法存入云开发数据库,求解决上传图片的js代码片段上传图片的js代码片段上传图片的js代码片段,觉得自己代码的没错,也能打印出来上传的图片地址,但是发现并没有存进数据库,求大神指点 ...
微信小程序：全新独家云开发微群人脉
今天给大家带来一款云开发版本的微群人脉小程序源码该版本属于采集版本(群二维码自动采集) 该版本属于云开发版本(免服务器和域名) 这是一款不怕封小程序版本 PS:支持用户自主发布那一款还是有点危险因为 ...
【微信小程序-原生开发】实用教程08 - 开通微信云开发，操作云数据库新增数据（含修改数据权限），初始化云服务（含获取微信云环境 id），获取云数据，滚动公告栏
开始前,请先完成圆梦宝典中宫格导航的开发,详见 [微信小程序-原生开发]实用教程 07 - Grid 宫格导航,详情页,侧边导航(含自定义页面顶部导航文字) https://blog.csdn.net ...
微信小程序接入腾讯云IM即时通讯（获取聊天历史记录开发步骤）
微信小程序接入腾讯云IM即时通讯(获取聊天历史记录开发步骤) 1.先看文档: 获取 C2C 历史消息 :https://cloud.tencent.com/document/product/269/1 ...
微信小程序开通腾讯云开发环境
目录微信小程序开通"腾讯云"开发环境注册腾讯云账号配置开发环境微信小程序开通"腾讯云"开发环境这里强调以下,标题是"腾讯云"开发环 ...
微信小程序应用开发赛作品综合开发记录——晋鹿文旅（云开发——概览）
文章目录前言作品展示: 1.设计理念: 2.1.风景/人文历史 2.2.文物园 2.3.志愿者(暂未对接任何活动,仅测试) 2.4.英汉传译(考虑到可能在旅行中外国友人或者单纯就想翻译) 2.5. ...
微信小程序集成腾讯云 IM SDK
1.背景因业务功能需求需要接入IM(即时聊天)功能,一开始想到的是使用 WebSocket 来实现这个功能,然天意捉弄(哈哈)服务器版本太低不支持 wx 协议(也就不支持 WebSocket了)不得 ...

【微信小程序云开发】使用云函数（node.js）实现多张图片转成pdf的功能，且pdf带水印

【微信小程序云开发】使用云函数（node.js）实现多张图片转成pdf的功能，且pdf带水印相关推荐

最新文章

热门文章