components / image-cropper
image-cropper.
drag-to-reposition, scroll/slider-to-zoom image cropper. pan and zoom are clamped so the image always covers the frame. emits { url, scale, x, y }.
{
"scale": 1.5,
"x": 0,
"y": 0
}installation
bunx @justin06lee/chrome@latest add image-cropperprops
| name | type | default | description |
|---|---|---|---|
| value * | CropValue | - | controlled crop value { url, scale, x, y }. |
| onChange * | (value: CropValue) => void | - | |
| size | number | 240 | frame size in px. |
| aspect | number | 1 | width / height ratio of the frame. |
| minScale | number | 1 | floored at 1 so the image can never be smaller than the frame. |
| maxScale | number | 4 | |
| circle | boolean | false | render a circular crop guide. |