Cropper.js
Docs
Examples
Cropper with a range of aspect ratio
Crop a round image
Crop cross origin image
Crop on canvas
Cropper in modal
Customize preview
Fixed crop box
Full crop box
Mask an image
Minimum and maximum cropped dimensions
Multiple croppers
One to one crop box
Responsive container
Upload cropped image to server
GitHub
Cropper.js
v1.6
JavaScript image cropper.
X
px
Y
px
Width
px
Height
px
Rotate
deg
ScaleX
ScaleY
Get Cropped Canvas
160×90
320×180
Cropped
×
Get Options
Get Data
Set Data
Get Container Data
Get Image Data
Get Canvas Data
Set Canvas Data
Get Crop Box Data
Set Crop Box Data
Move to [0,0]
Zoom to 100%
Rotate 180°
Scale (-2, -1)
16:9
4:3
1:1
2:3
Free
VM0
VM1
VM2
VM3
Toggle Options
responsive
restore
checkCrossOrigin
checkOrientation
holdExistingCropArea
modal
guides
center
highlight
background
autoCrop
movable
rotatable
fitCanvasOnRotate
scalable
zoomable
zoomOnTouch
zoomOnWheel
cropBoxMovable
cropBoxResizable
toggleDragModeOnDblclick
Photo Editor