ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

微信小程序canvas画布转图片转pdf文件

2026/9/15 11:33:17 拓冰建站 浏览量
微信小程序canvas画布转图片转pdf文件

关键步骤介绍

步骤一:将canvas页面保存为图片

 for(var a=0;a<this.data.page_canvas.length;++a){
        var t_page_img = await this.canvas_to_image(this.data.page_canvas[a])
        t_img.push(t_page_img)
 }

this.data.page_canvas是保存的canvas界面,this.canvas_to_image函数将canvas界面保存为图片,实现见下文。

步骤二:上传图片,获取唯一的fileID

 for(var i=0;i<t_img.length;++i){
        var fileID = await this.upload_image(t_img[i].data)
        pdf_img.push(fileID.data)
  }

 this.upload_image函数将会上传图片并返回fileID,实现见下文。

步骤三:调用转pdf函数,返回pdf路径

wx.cloud.callFunction({
        name: 'to_pdf',
        data: {
          img_arr: pdf_img
        }
 })

转pdf成功后返回pdf链接,微信小程序无法直接下载,可以提醒用户在浏览器打开链接进行下载。
wx.showModal({