ImageCropper
Cắt và thu nhỏ ảnh ngay trên trình duyệt trước khi upload: vùng chọn kéo/resize được, khoá tỉ lệ tuỳ chọn, giới hạn cạnh dài, trả về File cho dự án tự gửi đi. Không thêm dependency nào - vùng cắt là một hình chữ nhật cộng một lệnh drawImage.
Cài đặt
npx shadcn@latest add @reno/image-cropperDemo
Dùng phím mũi tên để di chuyển vùng cắt, giữ Shift và bấm mũi tên để đổi kích thước.
Kéo vùng cắt rồi bấm Cắt ảnh để nhận File.
npm dependencies
- lucide-react@^1.38.0
Registry dependencies
- @reno/utils
- @reno/button