# image-filter-app

**Repository Path**: kangying1025/image-filter-app

## Basic Information

- **Project Name**: image-filter-app
- **Description**: 实现一个网页应用，允许用户上传图片并应用多种滤镜（如灰度，怀旧，锐化，模糊）
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-18
- **Last Updated**: 2025-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 图片滤镜编辑器

一个基于Web的图片滤镜处理应用，使用HTML5 Canvas和JavaScript构建。

## 功能特性

- 支持拖拽和点击上传图片
- 多种内置滤镜效果：
  - 灰度 (Grayscale)
  - 怀旧 (Sepia)
  - 反色 (Invert)
  - 模糊 (Blur)
  - 锐化 (Sharpen)
- 高级调整选项：
  - 亮度调节
  - 对比度调节
  - 饱和度调节
- 实时预览效果
- 一键下载处理后的图片
- 响应式设计，支持移动设备

## 使用说明

1. 点击"点击或拖拽上传图片"区域选择图片
2. 从滤镜效果按钮中选择想要的滤镜
3. 使用滑块进行微调
4. 点击"下载图片"保存处理后的图片
5. 点击"重置"恢复默认设置

## 技术栈

- HTML5
- CSS3 (Flexbox, Grid)
- JavaScript (ES6+)
- HTML5 Canvas API
- File API
- Drag and Drop API

## 运行方法

1. 下载所有文件到同一目录
2. 用浏览器打开 `index.html`
3. 开始使用图片滤镜编辑器

## 文件结构