Я успешно внедрил библиотеку JQUERY Cropper в моем проекте, но он не подходит для мобильных Контейнер (обрезка находится внутри модала), и я не могу видеть все изображения на мобильном RES, потому что он переполняет < /p>
Я попробовал несколько комбинаций максимальной ширины, ширины, на контейнерах, на IMG Tag, но не могу этого сделать, я установил: < /p>
mincontainerwidth: 568,
mincontainerheight: 320 < /p>
Если я удалю Это работает, но по умолчанию 100x200, который слишком мал даже на мобильном и супер малом на ПК < /p>
Вот моя настройка: < /p>
Код: Выделить всё
reader.onloadend = function () {
$cropperModal.find('.image-container').html($img);
$img.attr('src', reader.result);
$img.cropper({
preview: '.image-preview',
aspectRatio: 16 / 11,
autoCropArea: 1,
movable: false,
cropBoxResizable: true,
minContainerWidth: 568,
minContainerHeight: 320
});
};
< /code>
modal: < /p>
var modalTemplate = '' +
'' +
'' +
'' +
'' +
'[h4] @lang('popups.crop_img') [/h4]' +
'
@lang('popups.crop_img_desc')
' +
'' +
'' +
'
Подробнее здесь: [url]https://stackoverflow.com/questions/48481769/how-to-make-jquery-cropper-responsive[/url]
Мобильная версия