js 调用浏览器截图api

function takeScreenshot() {
  // 创建一个新的 canvas 元素
  const canvas = document.createElement('canvas');
  const ctx = canvas.getContext('2d');

  // 设置 canvas 尺寸为窗口尺寸
  canvas.width = window.innerWidth;
  canvas.height = window.innerHeight;

  // 使用 drawImage 方法将整个窗口绘制到 canvas 上
  ctx.drawImage(window._canvas || document.documentElement, 0, 0);

  // 将 canvas 内容转换为 data URL
  const dataURL = canvas.toDataURL('image/png');

  // 创建一个临时的 a 标签用于下载
  const link = document.createElement('a');
  link.href = dataURL;
  link.download = 'screenshot.png';
  link.click();

  // 将截图复制到剪贴板（如果浏览器支持）
  if (navigator.clipboard && navigator.clipboard.write) {
    navigator.clipboard.write([
      new ClipboardItem({
        'image/png': new Blob([dataURL], { type: 'image/png' })
      })
    ]).then(() => {
      console.log('截图已复制到剪贴板');
    }).catch(err => {
      console.error('无法复制截图到剪贴板: ', err);
    });
  }
}

// 绑定按钮点击事件
document.getElementById('screenshot-btn').addEventListener('click', takeScreenshot);