docs: Show how to use bitmap data directly

diff --git a/docs/api/web-contents.md b/docs/api/web-contents.md
index 6a1193e..1ca64d9 100644 (file)
--- a/docs/api/web-contents.md
+++ b/docs/api/web-contents.md
@@ -473,9 +473,11 @@ Emitted when a new frame is generated. Only the dirty area is passed in the
 buffer.
 
 ```javascript
+const {BrowserWindow} = require('electron')
+
 let win = new BrowserWindow({webPreferences: {offscreen: true}})
 win.webContents.on('paint', (event, dirty, image) => {
-  fs.writeSync('frame.png', image.toPNG())
+  // updateBitmap(dirty, image.toBitmap())
 })
 win.loadURL('http://github.com')
 ```

diff --git a/docs/tutorial/offscreen-rendering.md b/docs/tutorial/offscreen-rendering.md
index 8d75e74..0f8a6b3 100644 (file)
--- a/docs/tutorial/offscreen-rendering.md
+++ b/docs/tutorial/offscreen-rendering.md
@@ -46,7 +46,7 @@ app.once('ready', () => {
   })
   win.loadURL('http://github.com')
   win.webContents.on('paint', (event, dirty, image) => {
-    fs.writeSync('frame.png', image.toPNG())
+    // updateBitmap(dirty, image.toBitmap())
   })
   win.webContents.setFrameRate(30)
 })