# image-cropper

**Repository Path**: jun-wan/image-cropper

## Basic Information

- **Project Name**: image-cropper
- **Description**: 一个简单易用的在线图片裁剪工具
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2024-12-19
- **Last Updated**: 2025-09-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 图片裁剪工具

## 项目简介
这是一个基于HTML5、CSS3和JavaScript开发的在线图片裁剪工具。支持移动端和PC端，提供直观的用户界面和便捷的操作体验。用户可以轻松上传图片，自由调整裁剪区域，并下载裁剪后的图片。

## 功能特点
- 支持多种图片格式（JPG、PNG等）
- 自适应布局，完美支持移动端和PC端
- 直观的裁剪操作界面
- 实时预览裁剪效果
- 快速导出裁剪结果

## 使用方法
1. 打开网页应用
2. 点击"选择图片"按钮上传需要裁剪的图片
3. 在预览区域调整裁剪框的大小和位置
4. 点击"裁剪"按钮进行裁剪
5. 点击"下载"按钮保存裁剪后的图片

## 效果展示

### PC端效果
![PC端效果图](docs/images/pc-preview.png)

### 移动端效果
![移动端效果图](docs/images/mobile-preview.png)

## 技术栈
- HTML5
- CSS3
- JavaScript
- Canvas API

## 浏览器支持
- Chrome (推荐)
- Firefox
- Safari
- Edge
- 移动端主流浏览器

## 本地运行
1. 克隆项目到本地
```bash
git clone https://gitee.com/jun-wan/image-cropper.git
```
2. 直接在浏览器中打开index.html文件即可使用

## 注意事项
- 建议使用现代浏览器访问以获得最佳体验
- 上传图片大小建议不超过10MB
- 支持触摸屏操作和鼠标操作

## 贡献指南
欢迎提交Issue和Pull Request，一起完善这个项目。

## 开源协议
MIT License