<a href="README.md">简体中文</a> | <a href="README_EN.md">English</a> | <a href="README_JA.md">日本語</a> | <a href="README_KO.md">한국어</a> | <a href="README_FR.md">Français</a> | <a href="README_DE.md">Deutsch</a> <img src="public/penio.png" alt="Penio Logo" width="120" height="120"> <h1 align="center">Penio</h1> 更酷、更炫、更灵动 一款强大的屏幕标注和演示工具，让你的演示、教学、录屏更加生动有趣 <img src="https://api.visitorbadge.io/api/visitors?path=game1024.penio&countColor=%234ecdc4"> <a href="https://github.com/game1024/Penio/stargazers"> <img src="https://img.shields.io/github/stars/game1024/Penio?style=for-the-badge&color=yellow" alt="GitHub Stars"> </a> <img src="https://img.shields.io/github/forks/game1024/Penio?style=for-the-badge&color=8a2be2" alt="GitHub Forks"> <a href="https://github.com/game1024/Penio/issues"> <img src="https://img.shields.io/github/issues-raw/game1024/Penio?style=for-the-badge&label=Issues&color=orange" alt="Github Issues"> </a> <a href="https://github.com/game1024/Penio/releases"> <img src="https://img.shields.io/github/downloads/game1024/Penio/total?style=for-the-badge" alt="Downloads"> </a> <a href="https://github.com/game1024/Penio/releases"> <img src="https://img.shields.io/github/v/release/game1024/Penio?style=for-the-badge&color=brightgreen" alt="Version"> </a> <a href="https://github.com/game1024/Penio"> <img src="https://img.shields.io/badge/Platform-Windows%20%7C%20macOS%20%7C%20Linux-lightblue?style=for-the-badge" alt="Platform"> </a> <a href="https://github.com/game1024/Penio/commits"> <img src="https://img.shields.io/github/commit-activity/m/game1024/Penio?style=for-the-badge" alt="提交活跃度"> </a> <img src="https://img.shields.io/badge/language-TypeScript%20%7C%20Rust-blue?style=for-the-badge"> <img src="https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge"> <a href="https://www.producthunt.com/products/penio/launches/penio?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-penio" target="_blank" rel="noopener noreferrer"> <img alt="Penio - A screen drawing application to add mouse click effects | Product Hunt" width="250" height="54" src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1067029&theme=light&t=1772499118772"> </a>

📦 安装

下载安装包

前往 Releases 页面下载适合你操作系统的安装包：

Windows:
<a href="https://get.microsoft.com/installer/download/9ppjv6gkgsg1?referrer=appbadge" target="_self"> <img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200"/> </a>
macOS:
- Apple Silicon (M1/M2/M3等): Penio_x.x.x_aarch64.dmg
- Intel 芯片: Penio_x.x.x_x64.dmg
Linux:
- ARM 芯片: Penio_x.x.x_aarch64.deb / Penio_x.x.x_aarch64.AppImage / Penio_x.x.x_aarch64.rpm
- x64 芯片: Penio_x.x.x_amd64.deb / Penio_x.x.x_amd64.AppImage / Penio_x.x.x_amd64.rpm

🚀 使用

基本操作

启动应用：应用会最小化到系统托盘
打开设置：点击托盘图标 → 设置
启用功能：
- 在"鼠标"标签页启用点击特效
- 在"键盘"标签页启用键盘回显
- 在"绘图"标签页配置快捷键
开始使用：按下快捷键即可在屏幕上绘图

✨ 功能特性

🎨 屏幕绘图

在屏幕上自由绘制，支持多种绘图工具，让你的演示更加直观。

压感画笔

支持压感的画笔工具，线条粗细随力度变化

渐隐画笔

笔迹自动渐隐消失，适合临时标注 <video src="https://github.com/user-attachments/assets/af544067-d8e2-4ce6-b23a-ffec5baade2a" width="50%"></video>

矩形工具

快速绘制矩形框，突出重点区域 <video src="https://github.com/user-attachments/assets/5814ca62-411b-4d8b-8d8a-75c70c5d4ab4" width="50%"></video>

椭圆工具

绘制圆形和椭圆，标注关键内容 <video src="https://github.com/user-attachments/assets/9b88060e-a554-41a3-9a65-8bc09542b17e" width="50%"></video>

🖱️ 鼠标点击特效

为鼠标点击添加炫酷的视觉效果，让观众清楚看到你的操作。

水波纹

烟花

螺旋

圆形描边

方形描边

⌨️ 键盘回显

实时显示你按下的按键，让教学演示更加清晰。 <video src="https://github.com/user-attachments/assets/2267d2dd-6a1a-493f-ab19-09f0e5e14d53" width="50%"></video>

🌍 多语言支持

支持中文（简体/繁体）、英语、日语、韩语、法语、德语、西班牙语等多种语言。

🎯 其他特性

✅ 跨平台支持：支持 Windows、macOS、Linux
✅ 透明窗口：绘图时不遮挡屏幕内容
✅ 快捷键操作：自定义快捷键，快速切换功能
✅ 自定义样式：调整颜色、大小、速度等参数
✅ 开机自启：可设置开机自动启动
✅ 系统托盘：最小化到系统托盘，随时调用

🛠️ 开发

开发环境要求

Node.js >= 18
Bun >= 1.0
Rust >= 1.70
操作系统特定要求：
- Windows: WebView2
- macOS: Xcode Command Line Tools
- Linux: webkit2gtk, libgtk-3-dev

项目结构

penio/
├── src/                    # 前端源码
│   ├── components/         # React 组件
│   ├── hooks/              # 自定义 Hooks
│   ├── i18n/               # 国际化
│   ├── pages/              # 页面
│   ├── store/              # 状态管理
│   └── utils/              # 工具函数
├── src-tauri/              # Tauri 后端
│   ├── src/                # Rust 源码
│   ├── icons/              # 应用图标
│   └── capabilities/       # 权限配置
├── docs/                   # 文档和演示视频
└── public/                 # 静态资源

📄 许可证

本项目采用 MIT License 开源协议。

🙏 致谢

Tauri - 强大的桌面应用框架
Excalidraw - 优秀的手绘风格绘图工具
Mo.js - 灵活的动画库
Material-UI - React UI 组件库
rdev - Rust 事件监听

🎁 请我杯咖啡

如果觉得这个项目对你有帮助，请给个 ⭐️ Star 支持一下！

|名称|介绍|备注| |-|-|-| |365VPN|我用过最稳定的，不限流的全系统VPN|体验地址|

📮 联系方式

官网: https://www.fiofio.cn
邮箱: feedback@fiofio.cn
BiliBili: @game1024
GitHub Issues: 报告问题

Penio

Install / Use

README