Почему CroppieJS работает не корректно?

Question

[GaserV]

Всем привет! Такая беда. Есть необходимость в кроппере имэджэй. Решил заюзать этот - foliotek.github.io/Croppie/#documentation

Согласно докам инициализировал (код ниже). НО такая проблема. Он мне выводит новое изображение, как и должен, но с оригинальным размером, в моем случае 720х1280. А должен 100х100. Почему так?

const crop = $('.crop-image').croppie({
      viewport: { width: 100, height: 100, type: 'circle' },
      boundary: { width: '100%', height: 300 },
    });

    $('#show-croped-image').click(() => {

      crop.croppie('result', 'html').then(html => {
        $('#cropped-image').html(html);
      });

    });

Answer 1

[GaserV]

Вопрос решен, методом проб и ошибок, как говориться) Если кому надо, забирайте)

const crop = $('.crop-image').croppie({
      viewport: { width: 100, height: 100, type: 'circle' },
      boundary: { width: '100%', height: 300 },

      update(){
        drawCroppedImage();
      }
    });

    function drawCroppedImage(){
      crop.croppie('result', {
        type: 'rawcanvas',
        size: {
          width: 100,
          height: 100
        }
      }).then(html => {
        $('#cropped-image').html(html);
      });
    }

Comments

[Антон Вебсайтовский]

ага не плохо, спасибо, позаимствовал boundary: { width: '100%',
и rawcanvas, делает в редакторе не круг, а квадратные рамки.

[Сергей Ермилов]

Спасибо! А с мобильных изображения кропятся, которые фотографируются, а не находятся в галерее телефона?