uniapp页面生成图片

在 Uniapp 中，你可以使用 HTML5 的 Canvas 绘制页面内容，然后将 Canvas 转换为图片。以下是一个简单的示例代码：

1. 在你要生成图片的页面中，引入一个 Canvas 组件：

<canvas id="canvas"></canvas>

2. 在页面的 `onLoad` 生命周期中获取 Canvas 对象，绘制页面内容：

onLoad() {
  // 获取 Canvas 对象
  const canvas = uni.createSelectorQuery().select('#canvas');

  // 设置 Canvas 尺寸
  const width = uni.getSystemInfoSync().windowWidth;
  const height = uni.getSystemInfoSync().windowHeight;
  canvas.width = width;
  canvas.height = height;

  // 获取 Canvas 的上下文对象
  const context = canvas.getContext('2d');

  // 绘制页面内容
  uni.createSelectorQuery().select('.page-content').boundingClientRect((rect) => {
    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    context.draw(true, () => {
      // 将 Canvas 转换为图片
      uni.canvasToTempFilePath({
        canvasId: 'canvas',
        success(res) {
          console.log(res.tempFilePath);
        },
        fail(err) {
          console.log(err);
        }
      });
    });
  }).exec();
}

在上述代码中，我们使用 `uni.createSelectorQuery().select('#canvas')` 获取了 Canvas 对象，并通过 `uni.createSelectorQuery().select('.page-content').boundingClientRect()` 获取了页面内容的尺寸等信息。然后，通过 `context.draw()` 将页面内容绘制到 Canvas 上，并最终通过 `uni.canvasToTempFilePath()` 将 Canvas 转换为临时图片文件。

请注意，上述示例代码仅为简单示例，实际使用时可能需要根据你的页面结构和需求进行适当的修改。另外，可能需要在 manifest.json 文件中配置权限以允许 Canvas 转图片等操作。