图片裁剪

自定义裁剪图片区域

点击或拖拽上传图片

支持 JPG、PNG、WEBP 等格式

工具简介

图片裁剪工具可以截取图片的任意矩形区域。通过鼠标拖拽选择需要保留的部分，快速裁剪出目标区域。

使用说明

  1. 点击上传图片
  2. 在图片上按住鼠标左键拖拽
  3. 拖拽出想要裁剪的矩形区域
  4. 释放鼠标，查看裁剪区域信息
  5. 点击【裁剪图片】查看结果
  6. 点击【下载】保存裁剪后的图片

原理介绍

工具使用Canvas的绘图功能实现裁剪。通过监听鼠标事件获取裁剪区域的起始和结束坐标，使用drawImage()的九参数版本从原图中提取指定区域绘制到新画布上。裁剪过程中会显示半透明蓝色框标识选择区域。所有处理在浏览器本地完成。