electron屏幕截图功能

使用electron开发桌面应用，难免会遇到需要截图的功能，通常来说在electron中截图的方式有三种：

一、使用内置API（desktopCapturer）进行截图

首先引入desktopCapturer模块，调用getSources方法，其中type时截图的类型，根据屏幕截图还是根据窗口截图，返回结果是一个截图的数组，每一个数组对象代表一个屏幕或一个可捕获的独立窗口，具体的一些操作一般放到循环中做，在循环中拿到当前对象时，可以将截图结果转换成base64的图片

二、使用getUserMedia来对桌面进行录屏最后在canvas上绘制，生成url，或者是直接新建窗口，在窗口中直接使用canvas进行画图截屏处理，由于这种方法比较繁琐，在此就不多做赘述，附上一哥儿们写的比较好的文章

Electron 截图踩坑和优化集合

三、最后一种我用下来几种方法以后体验还有交互都是最好的，但是有些取巧，就是将一些原生软件的截图功能单独提出来封装成exe和dll文件，放到项目中，使用node的child_process中的exeFile来进行调用

简单来说分为两步：

1.第一步先用 Node 执行微信封装的 exe，然后会把截图复制到剪切板

2.然后调用浏览把剪切板的内容复制出来

由于封装文件可能比较麻烦，这里有已经封装好的一组文件，根据自己需要放到不同目录下，这里附上github地址：

GitHub - szz19960815/capture-for-QQ: 根据QQ截图封装的截图工具exe

ding：最后有一个小问题，截图功能有时需要隐藏窗口后截图，但是electron的窗口最小化方法在最小化时有一个动画延迟，所以这里需要对进行延迟处理，一般来说放到setTimeout中就好了