图片裁剪
在线可视化图片裁剪工具，在画布上用鼠标拖拽选择裁剪区域，支持自由与多种预设比例，实时预览裁剪结果，并可导出 JPEG、PNG、WebP 格式，全部在浏览器本地处理。
点击或拖拽图片到此处上传
支持 JPEG、PNG、WebP、GIF、BMP 等格式，文件不会上传到服务器
📖 使用说明▼
功能简介
本工具在浏览器画布上可视化裁剪图片：用半透明遮罩高亮裁剪区域，鼠标拖拽即可框选、移动与缩放选区，并实时预览结果，最终导出为指定格式，图片不会上传服务器。
操作方式
- 新建选区：在选区外的空白区域按下鼠标并拖动，会以当前比例重新框选裁剪范围。
- 移动选区：在选区内部按下并拖动，可平移裁剪框位置。
- 调整大小：拖动裁剪框四角或四边的手柄，可改变裁剪区域尺寸。
- 切换比例：点击上方比例按钮，选区会自动按比例适配并居中。
预设比例
- 自由：任意宽高比，可自由裁剪。
- 1:1：正方形，适合头像、Logo。
- 4:3 / 16:9：常见屏幕与视频比例。
- 3:4 / 9:16：竖版比例，适合手机壁纸、短视频封面。
格式说明
- JPEG：有损压缩，体积小，不支持透明，透明区域填充为白色。
- PNG：无损压缩，保留透明通道，适合图标截图。
- WebP：兼顾质量与体积的现代格式。
技术说明
所有交互与渲染均基于浏览器 Canvas API 实现，遮罩通过在裁剪区域外绘制半透明黑色、并在选区内重绘原图实现高亮，导出使用 canvas.toBlob 高质量编码。