vue advanced cropper get circle result code example
Example: vue-cropperjs circle
.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-line {
display:none !important;
}
.cropper-view-box {
outline:inherit !important;
}
.cropper-point.point-se {
top: calc(85% + 1px);
right: 14%;
}
.cropper-point.point-sw {
top: calc(85% + 1px);
left: 14%;
}
.cropper-point.point-nw {
top: calc(15% - 5px);
left: 14%;
}
.cropper-point.point-ne {
top: calc(15% - 5px);
right: 14%;
}
.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;
}
.cropper-view-box {
outline:inherit !important;
}