图片裁剪工具 (Image Cropper)

一个基于浏览器的图片裁剪工具，无需后端支持，纯前端实现。

功能特点

• 上传本地图片并预览
• 可拖动和调整大小的裁剪区域
• 支持多种宽高比预设：
  • 自由比例
  • 1:1 (正方形)
  • 4:3
  • 16:9
• 实时显示裁剪坐标和尺寸
• 预览裁剪结果
• 下载裁剪后的图片

使用方法

1. 点击"选择文件"按钮上传图片
2. 拖动裁剪区域或调整大小手柄来设置裁剪范围
3. 可以通过输入框精确调整裁剪位置和尺寸
4. 选择需要的宽高比(可选)
5. 点击"应用裁剪"按钮预览结果
6. 点击"下载图片"保存裁剪后的图片

技术说明

• 纯前端实现，基于HTML5 Canvas API
• 响应式设计，适配不同屏幕尺寸
• 无任何后端依赖，所有处理在浏览器中完成

运行方式

直接双击打开image-cropper.html文件或在浏览器中打开即可使用。

注意事项

• 仅支持现代浏览器(Chrome, Firefox, Edge等)
• 裁剪大图片可能需要更多内存
• 下载功能在某些浏览器可能需要配置允许弹出窗口