ImageCrop 图片裁剪
裁剪、旋转、翻转、缩放图片，按比例和尺寸导出 JPG / PNG / WebP。
纯前端完成，不依赖裁剪库：拖动、滚轮缩放、键盘微调，导出时按 outputWidths 缩小（不放大）。ImageCropper + useImageCrop 是不带弹窗的裁剪区，可以嵌进自己的页面；几何计算在 image-crop/crop-core（纯函数）。
安装
pnpm dlx shadcn@latest add https://docs.linasan.cn/r/image-crop-dialog.json第一次装本站的组件前先在项目里执行一次 shadcn init，详见 安装。
用法
import { ImageCropDialog } from '@/components/image-crop/image-crop-dialog';
<ImageCropDialog open={!!file} source={file} aspects={['1:1', 'round']} onConfirm={(r) => upload(r.file)} onOpenChange={…} />属性
属性
类型