Question

我正在尝试为应用的任务栏图标（Windows 10）制作数字徽章。我使用this code作为起点并进行了一些修改。创建徽章后，我使用以下内容在渲染器过程中进行设置：

var electron=require('electron'),
    remote=electron.remote,
    nativeImage=electron.nativeImage;

...

var win=remote.getCurrentWindow();

...

var badgeDataURL=canvas.toDataURL();
var img=nativeImage.createFromDataURL(badgeDataURL);

win.setOverlayIcon(img,''+n);

运行此命令会出现以下错误：

Uncaught Error: Could not call remote function 'setOverlayIcon'. Check that the function signature is correct. Underlying error: Error processing argument at index 0, conversion failure from #<Object>
Error: Could not call remote function 'setOverlayIcon'. Check that the function signature is correct. Underlying error: Error processing argument at index 0, conversion failure from #<Object>
    at callFunction (A:\electron\resources\electron.asar\browser\rpc-server.js:235:11)
    at EventEmitter.<anonymous> (A:\electron\resources\electron.asar\browser\rpc-server.js:342:5)
    at emitMany (events.js:127:13)
    at EventEmitter.emit (events.js:201:7)
    at WebContents.<anonymous> (A:\electron\resources\electron.asar\browser\api\web-contents.js:231:13)
    at emitTwo (events.js:106:13)
    at WebContents.emit (events.js:191:7)metaToValue @ A:\electron\resources\electron.asar\renderer\api\remote.js:217remoteMemberFunction @ A:\electron\resources\electron.asar\renderer\api\remote.js:113electronSetBadge @ app.js:81updateBadge @ app.js:156initClick @ app.js:183(anonymous function) @ app.js:203dispatch @ jquery-1.12.4.min.js:3r.handle @ jquery-1.12.4.min.js:3

我尝试了以下内容：

不同版本的Electron（1.4.13和1.2.8）
测试badgeDataURL和img的内容，这是一张有效的图片
使用静态图片测试setOverlayIcon：win.setOverlayIcon(__dirname+'/pics/badge.png',''+n)（并且可以正常工作）
win.setOverlayIcon(null,'')也有效

虽然the documentation表示setOverlayIcon期望第一个参数属于NativeImage类型，但我无法在任何地方找到工作示例。有什么想法吗？

Answer 1

对我来说，setOverlayIcon需要从主进程运行。以下是修正它的原因：

在我的渲染器过程中：

ipcRenderer.send('update-badge', canvas.toDataURL())

在我的主要过程中：

ipcMain.on('update-badge', (event, data) => {
    let img = nativeImage.createFromDataURL(data)
    win.setOverlayIcon(img, 'description')
}

NativeImage在Electron中的setOverlayIcon（）中不起作用

1 个答案: