手部追踪画图应用

一个基于MediaPipe的手部追踪画图应用，使用摄像头实时追踪手部动作进行画图。

English | 中文

🌐 在线体验

立即尝试: 手部追踪画图

无需安装，直接在浏览器中体验手部追踪画图功能！

功能特性

• 🎨 实时手部追踪画图
• 🎯 拇指和食指捏合检测
• 🖌️ 画笔和橡皮擦工具
• 🎨 10种基本颜色 + 自定义颜色
• 📏 大中小三种画笔大小
• 💾 一键保存画布为PNG图片
• 🧹 一键清除画布
• 🎨 8种简笔画模板（小猫、小狗、小鸟等）

安装和运行

1. 安装依赖：

npm install

2. 启动服务：

npm start

3. 打开浏览器访问：http://localhost:3000

使用说明

1. 点击"摄像头"按钮启动摄像头
2. 拇指和食指捏合进行画图
3. 选择画笔/橡皮擦工具
4. 选择颜色和画笔大小
5. 选择简笔画模板进行填色
6. 点击"保存"下载作品
7. 点击"清除"重新开始

项目结构

drawing-by-hand/
├── public/
│   ├── index.html      # 主页面
│   ├── style.css       # 样式文件
│   └── script.js       # 主要逻辑
├── server.js           # Express服务器
├── package.json        # 项目配置
└── README.md          # 项目说明

注意事项

• 需要摄像头权限
• 建议在光线充足的环境下使用
• 手部应该清晰可见以获得最佳追踪效果