微信小程序如何把画好的表格页面转成pdf页面

要把画好的表格页面转成 PDF 页面，可以通过以下步骤实现：

1. 在小程序中使用 Canvas 组件绘制表格页面。

2. 在表格页面上添加“导出 PDF”按钮。

3. 当用户点击“导出 PDF”按钮时，获取 Canvas 组件的内容，并使用第三方库 jsPDF 将 Canvas 内容转成 PDF 文件。

以下是具体实现步骤：

1. 在小程序中使用 Canvas 组件绘制表格页面。Canvas 组件提供了一系列的 API，可以通过 JavaScript 绘制出需要的图形、文字等内容。在绘制表格页面时，可以使用 Canvas 组件提供的 API 绘制表格边框、表头、表格内容等。

2. 在表格页面上添加“导出 PDF”按钮。可以在表格页面的底部或者顶部添加一个“导出 PDF”按钮，当用户点击按钮时，触发导出 PDF 的操作。

3. 当用户点击“导出 PDF”按钮时，获取 Canvas 组件的内容，并使用 jsPDF 将 Canvas 内容转成 PDF 文件。代码示例：

// 获取 Canvas 组件的实例
const ctx = wx.createCanvasContext('myCanvas')

// 获取 Canvas 组件的内容
wx.canvasToTempFilePath({
  canvasId: 'myCanvas',
  success: (res) => {
    const filePath = res.tempFilePath

    // 使用 jsPDF 将 Canvas 内容转成 PDF 文件
    const doc = new jsPDF()
    doc.addImage(filePath, 'PNG', 0, 0, doc.internal.pageSize.getWidth(), doc.internal.pageSize.getHeight())
    doc.save('table.pdf')
  }
})

在上述代码中，首先使用 wx.createCanvasContext 方法获取 Canvas 组件的实例，然后使用 wx.canvasToTempFilePath 方法获取 Canvas 组件的内容，并将内容保存到临时文件中。最后使用 jsPDF 将临时文件中的内容转成 PDF 文件，并保存到本地。

需要注意的是，上述代码中使用的是 jsPDF 库，需要在小程序中引入该库。可以通过 npm 安装 jsPDF：

npm install jspdf --save

然后在小程序代码中引入 jsPDF 库：

const jsPDF = require('jspdf')