梦想吧

687 分类: WEB前端

Electron导出BrowserWindow截图

可以直接使用Electron提供capturePage的静态方法对BrowserWindow捕获屏幕截图。
QQ截图20191112153903.png

使用方法

在这里我默认大家已经创建了一个没有高度宽度的BrowserWindow窗口,名为win,capturePage返回的是一个nativeImage的实例,可以通过toPNG等方法转化为Buffer,或者通过toDataURL转化为图片的url。文档地址为https://electronjs.org/docs/api/native-image,大家可以自行查看,我例子为`

    // path为nodejs地址处理的一个库,
    const path = require('path');
    // js为nodejs关于文件处理的一个库,
    const fs = require('fs');
    window.webContents.capturePage((img) => {
      // toJPEG的参数为图片清晰度(0-100)
      // path.normalize将地址规范化(PS:其实好像没什么用)
      // 通过fs.writeFileSync将图片输出至系统目录,第一个参数为目录地址,第二个参数为转化的Buffer
      fs.writeFileSync(path.normalize(url + '/1.jpg'), img.toJPEG(80));
    });

#JS, JavaScript, Electron

作者: Jim

版权: 除特别声明,均采用BY-NC-SA 4.0许可协议,转载请表明出处

目录Content

评论