# mhh

**Repository Path**: twohaha/mhh

## Basic Information

- **Project Name**: mhh
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-20
- **Last Updated**: 2026-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 🖼️ Make HUANG Happy

一个简洁高效的图片区域删除拼接工具，支持在浏览器中直接编辑图片。

## ✨ 功能特性

- **框选删除**：在图片上拖动鼠标框选要删除的区域（横向贯通）
- **多区域选择**：支持同时框选多个区域进行批量删除
- **自动合并**：重叠或相邻的选区会自动合并
- **智能拼接**：删除区域后自动拼接上下部分
- **历史回退**：支持撤销操作，可回退到任意历史状态
- **触摸支持**：支持触摸屏设备操作

## 🚀 快速开始

### 本地运行

直接在浏览器中打开 `index.html` 文件即可使用，无需任何构建步骤。

```bash
# 使用浏览器打开
open index.html
```

或使用本地服务器：

```bash
# Python 3
python -m http.server 8080

# Node.js
npx serve .
```

然后访问 `http://localhost:8080`

## 📖 使用说明

1. **加载图片**：点击"选择图片"按钮加载本地图片
2. **框选区域**：在图片上按住鼠标拖动，框选要删除的区域
   - 选区为横向贯通（全宽）
   - 可框选多个区域
   - 重叠或相邻的选区会自动合并
3. **删除区域**：点击"删除选中区域"按钮，所有选中的区域会被删除并自动拼接
4. **撤销操作**：点击"回退"按钮可以撤销上一步操作
5. **下载结果**：点击"下载图片"保存处理后的结果
6. **重置图片**：点击"重置"按钮恢复到原始图片状态

## 🛠️ 技术栈

- **纯前端实现**：HTML5 Canvas + Vanilla JavaScript
- **无需依赖**：零外部依赖，开箱即用
- **响应式设计**：适配各种屏幕尺寸

## 📁 项目结构

```
.
├── index.html    # 主页面
├── app.js        # 核心逻辑
└── README.md     # 项目说明
```

## 📝 核心功能实现

### 选区管理
- 支持多选区创建、合并、清除
- 自动检测重叠和相邻区域进行合并

### 图片处理
- 使用 Canvas API 进行像素级操作
- 保留片段重新拼接生成新图片

### 历史记录
- 基于栈的历史记录管理
- 支持任意步骤回退

## 🌐 浏览器兼容性

- Chrome 60+
- Firefox 60+
- Safari 12+
- Edge 79+

## 📄 许可证

MIT License