uni-app 截屏插件有吗

在uni-app中，虽然没有官方的直接截屏插件，但你可以通过调用原生功能或者使用第三方库来实现截屏功能。下面是一个使用 canvas 和 uni.canvasToTempFilePath API 实现屏幕截屏的示例代码。

首先，你需要在页面的 <template> 中添加一个 canvas 元素，这个元素可以隐藏（设置 display: none 或 opacity: 0），因为它只是为了生成截图而不需要显示给用户：

<template>
  <view>
    <!-- 其他页面内容 -->
    <canvas canvas-id="myCanvas" style="display: none;"></canvas>
  </view>
</template>

然后在 <script> 部分，你需要获取当前页面的截图，并将其保存到本地：

<script>
export default {
  methods: {
    async takeScreenshot() {
      const ctx = uni.createCanvasContext('myCanvas');
      
      // 获取系统信息，以获取屏幕宽度和高度
      const systemInfo = uni.getSystemInfoSync();
      const screenWidth = systemInfo.screenWidth;
      const screenHeight = systemInfo.screenHeight;
      
      // 设置canvas的大小为屏幕大小
      ctx.drawImage('/path/to/your/background/image.png', 0, 0, screenWidth, screenHeight); // 可选：绘制背景图
      
      // 这里可以添加其他绘制操作，比如绘制文字、图片等
      // ctx.setFillStyle('red');
      // ctx.fillRect(10, 10, 150, 75);
      
      // 将绘制内容导出为图片
      ctx.draw(false, () => {
        uni.canvasToTempFilePath({
          canvasId: 'myCanvas',
          success: (res) => {
            console.log('截图保存成功', res.tempFilePath);
            // 你可以将截图路径保存到数据库或者进行其他操作
            uni.showToast({
              title: '截图成功',
              icon: 'success',
            });
          },
          fail: (err) => {
            console.error('截图失败', err);
          },
        });
      });
    },
  },
  onLoad() {
    // 页面加载完成后可以调用截屏方法
    this.takeScreenshot();
  },
};
</script>

注意：

1. /path/to/your/background/image.png 是可选的，如果你不需要背景图，可以省略 ctx.drawImage 这行代码。
2. uni.canvasToTempFilePath 方法会将 canvas 内容导出为图片文件，并返回文件的临时路径。
3. 根据你的需求，你可以在 ctx.draw 方法中添加更多的绘制操作，比如绘制当前页面的DOM内容（这通常比较复杂，需要手动绘制每个元素）。

这个示例展示了如何使用 uni-app 的 canvas 功能来实现截屏，你可以根据实际需求进行调整和扩展。