electron 新建窗口 new BrowserWindow 全屏之后，放置一张图片 如何使用鼠标滑动选择区域，实现自定义截图

实现自定义截图可以借助 `electron-localshortcut` 库来注册全局快捷键，监听鼠标事件，绘制矩形框等方式来实现。具体步骤如下：

1. 安装 `electron-localshortcut` 库。

   npm install electron-localshortcut

2. 监听全局快捷键 `Ctrl+Shift+A`，用于开始自定义截图。

   const { globalShortcut } = require('electron');
   const currentWindow = electron.remote.getCurrentWindow();

   const startScreenshot = () => {
     // 在这里开始自定义截图
   };

   // 注册全局快捷键
   globalShortcut.register('Ctrl+Shift+A', startScreenshot);

3. 在 `startScreenshot()` 函数中，监听鼠标事件，并绘制矩形框。

   const { screen } = require('electron');
   const { BrowserWindow } = electron.remote;
   const { globalShortcut } = require('electron-localshortcut');

   let selectionWindow = null;
   const selectionBounds = { x: 0, y: 0, width: 0, height: 0 };

   const startScreenshot = () => {
     // 创建选择窗口
     selectionWindow = new BrowserWindow({
       width: screen.getPrimaryDisplay().size.width,
       height: screen.getPrimaryDisplay().size.height,
       frame: false,
       transparent: true,
       alwaysOnTop: true,
       skipTaskbar: true,
       webPreferences: {
         nodeIntegration: true,
       },
     });

     // 监听鼠标事件