作者:捕鱼达人2502873933 | 来源:互联网 | 2022-12-13 12:23
本文主要介绍关于的知识点,对【electron配置应用icon(五)】和【electron显示无法加载插件】有兴趣的朋友可以看下由【草莓味的屁】投稿的技术文章,希望该技术和经验能帮到你解决你所遇的【e
本文主要介绍关于的知识点,对【electron配置应用icon(五)】和【electron显示无法加载插件】有兴趣的朋友可以看下由【草莓味的屁】投稿的技术文章,希望该技术和经验能帮到你解决你所遇的【electron】相关技术问题。
electron显示无法加载插件
在打包electron应用程序的时候,如果没有配置icon,那么打出来的包图标就会是默认的。下面介绍一下如何创建自己的个性化图标。
设计图标
这里我用到了sketch,没有app的可以自行下载。
新建一个文档
创建一个宽高都为512的画板,画板内创建矩形。调整圆角,设置填充色。这里我用到了iconfont里面的图标,调整好比例。(不是专业设计师,能看就行)
设计完成后就可以导出了。
导出
选中画板,点击导出。导出png格式的文件即可。
转换图标格式
png格式是无法作为图标来使用的。mac上需要icns,win上需要ico格式的图标,所以需要把生成的png 图片转换成我们需要的格式。这我用到了iconSlate这个软件,当然也可以使用在线转换的网站。
选中png图像后可以选择导出的格式。
这样导出后就可以在electron图标配置里面引用了。
本文《electron配置应用icon(五)》版权归草莓味的屁所有,引用electron配置应用icon(五)需遵循CC 4.0 BY-SA版权协议。