电子窗口的屏幕渲染和屏幕外渲染

Question

我喜欢电子应用程序的 Offscreen Rendering 功能。使用此功能，我可以轻松地将窗口内容渲染为图像。

const { app, BrowserWindow } = require('electron')
const fs = require('fs')

app.disableHardwareAcceleration()

let win

app.whenReady().then(() => {
  win = new BrowserWindow({ webPreferences: { offscreen: true } })

  win.loadURL('https://github.com')
  win.webContents.on('paint', (event, dirty, image) => {
    fs.writeFileSync('my_image.png', image.toPNG())
  })
  win.webContents.setFrameRate(60)
})

默认情况下 offscreen 为 false，因此内容会呈现在屏幕上。

当我在 on screen(Onscreen) 上执行某些操作时，如何以这种方式查看窗口 off screen 和 my_image.png(image window) 的内容这也应该反映在my_image.png（屏幕外）上？