vue3 小程序截取屏幕

在小程序中，可以使用小程序原生的API进行截屏操作。具体步骤如下：

1. 在wxml文件中添加一个canvas，用于显示截屏后的图片。

<canvas id="canvas" style="display:none;"></canvas>

2. 在js文件中，调用小程序的createCanvasContext方法创建一个canvas绘图上下文对象。

// 获取canvas上下文
const ctx = wx.createCanvasContext('canvas');

3. 使用canvas绘制原始图片，在绘制完成后，调用canvas的toTempFilePath方法将canvas转换为临时文件路径。

// 绘制原始图片
ctx.drawImage('原始图片路径', 0, 0, 375, 667);

// 将canvas转换为临时文件路径
ctx.draw(false, () => {
  wx.canvasToTempFilePath({
    canvasId: 'canvas',
    success: (res) => {
      console.log(res.tempFilePath);
    }
  })
})

4. 最后，将截屏后的图片显示到页面上。

// 显示截屏后的图片
this.setData({
  screenshot: res.tempFilePath
})

注意：在小程序中，由于安全限制，只能截取小程序内部的页面，不能截取整个手机屏幕。同时，如果需要截取的页面中有涉及到用户隐私的内容，需要用户授权才能进行截屏操作。