本文介绍: 在使用 Electron、Tauri 等框架开发桌面应用时,需要为应用生成不同平台的图标,如:MacOS 中的 icon.icns、Windows 中的 icon.ico、Linux 中的 *.png 等类型图标,这里介绍一种简单快捷一键转换图标的方法。
在使用 Electron
、Tauri
等框架开发桌面应用时,需要为应用生成不同平台的图标,如:MacOS 中的 icon.icns
、Windows 中的 icon.ico
、Linux 中的 *.png
等类型图标,这里介绍一种简单快捷一键转换图标的方法。
准备工作
nodejs
环境npm / yarn / pnpm
等包管理工具
工具介绍
命令行:
pnpm tauri icon <path/to/your/icon.png>
语法及参数:
Usage: cargo-tauri icon [OPTIONS] [INPUT]
Arguments:
[INPUT] Path to the source icon (png, 1240x1240px with transparency) [default: ./app-icon.png]
Options:
-o, --output <OUTPUT> Output directory. Default: 'icons' directory next to the tauri.conf.json file
-v, --verbose... Enables verbose logging
-p, --png <PNG> Custom PNG icon sizes to generate. When set, the default icons are not generated
-h, --help Print help
-V, --version Print version
使用方法
- 新建一个文件夹,比如
tauri-icon
,然后在命令行中进入该文件夹; - 在该文件夹中准备一张 1024 * 1024 的 png 图片,比如
app-icon.png
; - 在该文件夹中再新建一个文件夹,比如
icons
,用于存放生成的图标; - 在命令行中执行以下命令:
pnpm tauri icon ./app-icon.png -o ./icons
# or
npm tauri icon ./app-icon.png -o ./icons
参考文档:
- https://tauri.app/zh-cn/v1/guides/features/icons
欢迎访问:天问博客
原文地址:https://blog.csdn.net/tiven_/article/details/135976388
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_64647.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。