使用electron开发桌面应用,难免会遇到需要截图的功能,通常来说在electron中截图的方式有三种:
一、使用内置API(desktopCapturer)进行截图
首先引入desktopCapturer模块,调用getSources方法,其中type时截图的类型,根据屏幕截图还是根据窗口截图,返回结果是一个截图的数组,每一个数组对象代表一个屏幕或一个可捕获的独立窗口,具体的一些操作一般放到循环中做,在循环中拿到当前对象时,可以将截图结果转换成base64的图片
二、使用getUserMedia来对桌面进行录屏最后在canvas上绘制,生成url,或者是直接新建窗口,在窗口中直接使用canvas进行画图截屏处理,由于这种方法比较繁琐,在此就不多做赘述,附上一哥儿们写的比较好的文章
三、最后一种我用下来几种方法以后体验还有交互都是最好的,但是有些取巧,就是将一些原生软件的截图功能单独提出来封装成exe和dll文件,放到项目中,使用node的child_process中的exeFile来进行调用
简单来说分为两步:
1.第一步先用 Node 执行微信封装的 exe,然后会把截图复制到剪切板
2.然后调用浏览把剪切板的内容复制出来
由于封装文件可能比较麻烦,这里有已经封装好的一组文件,根据自己需要放到不同目录下,这里附上github地址:
ding:最后有一个小问题,截图功能有时需要隐藏窗口后截图,但是electron的窗口最小化方法在最小化时有一个动画延迟,所以这里需要对进行延迟处理,一般来说放到setTimeout中就好了