Как сделать JQuery Cropper реагироватьHtml

Программисты Html
Ответить
Anonymous
 Как сделать JQuery Cropper реагировать

Сообщение Anonymous »

https://github.com/fengyuanchen/cropper
Я успешно внедрил библиотеку 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]
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»