Electron Mac 系统托盘图标失真问题

630 阅读1分钟

解决 抖音 李钟意讲前端 开源 electron-template 模版 github.com/xieerduos/e… bug


Electron Mac 系统托盘图标失真问题

我们使用 electron-icon-builder 方式生成的 electron 图标

electron-icon-builder --input=./public/logo.png --output=./public/

例如下面:

16x16.png
24x24.png
32x32.png
48x48.png
64x64.png

把上面的内容修改为下面的形式就可以了

icon.png
icon@1.5.png
icon@2.png
icon@3.png
icon@4.png

系统托盘使用的地方

const iconPath = process.platform === 'win32' ? 'win/icon.ico' : 'png/icon.png';

const tray = new Tray(path.join(__static, `icons/${iconPath}`));

electron-template: github.com/xieerduos/e…

electron 官网: www.electronjs.org/zh/docs/lat…