小程序用canvas截取当前页面为图片

你可以使用小程序的canvas组件来实现截取当前页面为图片的功能。具体步骤如下：

1. 在小程序页面的wxml文件中添加一个canvas组件：

<canvas id="canvas" style="width: 100%; height: 100%;"></canvas>

2. 在小程序页面的js文件中获取canvas对象，并获取当前页面的宽高：

// 获取canvas对象
const ctx = wx.createCanvasContext('canvas');

// 获取当前页面的宽高
wx.getSystemInfo({
  success: function(res) {
    const width = res.windowWidth;
    const height = res.windowHeight;

    // 设置canvas的宽高
    ctx.canvas.width = width;
    ctx.canvas.height = height;
  }
});

3. 绘制当前页面到canvas上：

wx.createSelectorQuery().select('#canvas').fields({ node: true, size: true }).exec((res) => {
  const canvas = res[0].node;
  const width = res[0].width;
  const height = res[0].height;

  const query = wx.createSelectorQuery();
  query.selectViewport().scrollOffset();
  query.exec((res) => {
    const scrollTop = res[0].scrollTop;

    // 绘制当前页面到canvas上
    wx.canvasToTempFilePath({
      x: 0,
      y: scrollTop,
      width: width,
      height: height,
      destWidth: width,
      destHeight: height,
      canvas: canvas,
      success: function(res) {
        const tempFilePath = res.tempFilePath;

        // 在这里可以使用tempFilePath进行后续操作，比如保存到相册等
      },
      fail: function(res) {
        console.error(res);
      }
    });
  });
});

通过以上步骤，你就可以实现在小程序中截取当前页面为图片的功能了。注意，canvasToTempFilePath方法是异步的，成功后会返回一个临时文件路径tempFilePath，你可以根据需要进行后续操作，比如保存到相册等。