javascript - 将 Electron NativeImage 从 .capturePage() 转换为 base64 或 dataURL

Question

所以我试图在 electron 中截取一个 webview，然后在 <img> 上显示它在 WebView 之外。但是，当我拥有 NativeImage 时，我无法将其转换为 dataUrl .这是我试过的:

const electron = require("electron");
const {remote, nativeImage} = electron;
...
var wv = document.getElementById("wv");
var ph = wv.capturePage();
var pr = ph.toDataURL();

然后我得到:

ph.toDataURL() is not a function

我做错了什么？谢谢!

Answer 1

capturePage()返回 promise 或接收回调，因此您必须等待它解决( await 或 then() ):

var ph = await wv.capturePage();
var pr = ph.toDataURL();

或者在回调中获取你的数据 url:

var ph = wv.capturePage(function (ph) {
  var pr = ph.toDataURL();
});

编辑:

发布于 here函数 <webview>.capturePage() 似乎是一个已知问题为 electron 4.0 返回一个空对象。解决方法是:

<webview>.getWebContents().capturePage()