Hello
In this component it allow us to crop the image and while we are cropping the image it gives us square box to crop the image,
My requirement is to make this look like as a circle
Current Scenario -
If we look the crop box it shows in square -
Expected result -
Attaching link for easy demonstration -
https://fengyuanchen.github.io/cropperjs/examples/crop-a-round-image.html
Thanks
hi
use this css and make changes as per your requirements.
you can visit this link as well.
https://github.com/fengyuanchen/cropper/issues/545
.cropper-crop-box, .cropper-view-box
{
border-radius: 50%;
}
.cropper-view-box
box-shadow: 0 0 0 1px #39f;
outline: 0;
.cropper-face
background-color:inherit !important;
.cropper-dashed, .cropper-point.point-se, .cropper-point.point-sw, .cropper-point.point-nw, .cropper-point.point-ne, .cropper-line
{ display:none !important;
outline:inherit !important;
.cropper-crop-box, .cropper-view-box {
example
Sample
Please mark my reply as solution if you find it appropriate.
hope this helps
Prince
How we can use options input to make a aspect ratio for this
go through this OML