功能介绍
在线图片裁剪工具是一个纯浏览器端本地处理的图片工具,支持自由拖拽选区、固定比例裁剪、图片旋转,最终输出裁剪后的PNG或JPG图片供下载。所有处理都在本地完成,不会上传图片到服务器,保护您的隐私。
使用方法
- 点击"选择图片"按钮上传需要裁剪的图片
- 如果需要固定比例裁剪,请勾选"启用固定比例裁剪",然后选择需要的比例
- 在图片上拖拽鼠标选择需要裁剪的区域
- 选择旋转角度和输出格式,设置JPG质量(如果输出JPG)
- 点击"裁剪并下载"按钮,裁剪后的图片会自动下载
原理说明
本工具使用浏览器的FileReader API读取本地图片,Canvas API进行裁剪和旋转处理:
- 图片上传后通过缩放适配预览画布,不改变原图质量
- 拖拽选框记录选区坐标和尺寸,裁剪时换算回原图对应位置进行精确裁剪
- 旋转功能通过Canvas坐标系变换实现,支持0°、90°、180°、270°旋转
- 最终通过Canvas的toDataURL方法生成指定格式的图片数据供下载
注意事项
- 本工具仅支持现代浏览器,建议使用Chrome、Firefox、Edge等主流浏览器
- 大尺寸图片处理可能会占用较多内存,浏览器对Canvas尺寸有上限限制
- PNG格式支持透明背景,JPG格式不支持透明,输出时请注意选择正确格式