小小千想和您聊一聊

当前位置: 首页> 技术分享> Electron使用指南之获得屏幕快照

Electron使用指南之获得屏幕快照

1、完善主进程处理

从渲染进程中拿到 url 后,通过 offscreen 获取屏幕快照。 在项目根目录下,创建 readItem.js:


// /readItems

 

// Modules

const {BrowserWindow} = require('electron')

 

// Offscreen BrowserWindow

let offscreenWindow

 

// Exported readItem function

module.exports = (url, callback) => {

 

  // Create offscreen window

  offscreenWindow = new BrowserWindow({

    width: 500,

    height: 500,

    show: false,

    webPreferences: {

      offscreen: true

    }

  })

 

  // Load item url

  offscreenWindow.loadURL(url)

 

  // Wait for content to finish loading

  offscreenWindow.webContents.on('did-finish-load', e => {

 

    // Get page title

    let title = offscreenWindow.getTitle()

 

    // Get screenshot (thumbnail)

    offscreenWindow.webContents.capturePage( image => {

 

      // Get image as dataURL

      let screenshot = image.toDataURL()

 

      // Execute callback with new item object

      callback({ title, screenshot, url })

 

      // Clean up

      offscreenWindow.close()

      offscreenWindow = null

    })

  })

}


2、更新 main.js

/main.js 文件里添加对 readItem.js 的引用:


// Modules

// ...

const readItem = require('./readItem')

 

// ...

 

// Listen for new item request

ipcMain.on('new-item', (e, itemUrl) => {

 

  // remove all codes here.

 

  // Get new item and send back to renderer

  readItem( itemUrl, item => {

    e.sender.send('new-item-success', item)

  })

})


上一篇:Electron使用指南之添加一个新的信息

下一篇:Electron使用指南之显示列表

QQ技术交流群

HTML5/Web前端锋迷群
712051083

加入群聊

用户登录

手机号:

密码:

图形验证码:

点击切换

用户注册

手机号:

登录密码:

图形验证码:

点击切换

短信验证码:

获取验证码

忘记密码

1安全验证

2重置密码

手机号:

图形验证码:

短信验证码:

获取验证码

忘记密码

1安全验证

2重置密码

新密码:

确认新密码:

获取课程

添加小千老师微信,获取课程信息

如何获取课程?

一、需拥有此本教材

如没有,可点击下方入口购买当当购买入口京东购买入口

二、添加小千老师,发送拥有凭证,解锁课程资源

1.购买该教材的订单信息
2.拥有的实体书信息等

更换手机号

新手机号:

图形验证码:

短信验证码:

获取验证码