I have cropper in modal. But I dont undestend how i can set minimal size and set cropper as circle?
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-body">
<div class="img-container">
<div class="row">
<div class="col-md-5">
<img id="image" src="https://avatars0.githubusercontent.c/u/3456749">
</div>
</div>
</div>
</div>
And script:
$modal.on('shown.bs.modal', function () {
cropper = new Cropper(image, {
aspectRatio: 1,
viewMode: 4,
preview: '.preview',
});
let height = 300;
let width = 300;
var context = canvas.getContext('2d');
context.imageSmoothingEnabled = true;
context.drawImage(sourceCanvas, 0, 0, width, height,0,0,320,320);
context.globalCompositeOperation = 'destination-in';
context.beginPath();
context.ellipse(width / 2, height / 2, width / 2, height / 2, 45 * 3.14, 0, 45 * 3.14);
context.fill();