1

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();
sapef44489
  • 69
  • 9

0 Answers0