jcrop показать изображение в модальном диалоговом окне для проблемы размера обрезки

Я показываю изображение, загруженное пользователем, в модальном диалоговом окне. На этом изображении я инициализирую JCrop для обрезки изображения.

Проблема в том, что я не могу правильно установить изображение в диалоговом окне, оно работает нормально для изображений, размер (размеры) которых меньше размера диалогового окна, но для изображений, превышающих размер диалогового окна, изображение выходит из диалогового окна.

Я пытался использовать boxHeight и boxWidth, но это делает изображение невосприимчивым, а для экрана меньшего размера изображение выходит из диалогового окна.

В основном я ищу общее решение для отображения изображения в диалоговом окне независимо от размера изображения, чтобы оно правильно отображалось внутри диалогового окна.


modal-dialog sizing jcrop
person pratik    schedule 29.04.2015    source источник

Ответы (2)


arrow_upward
0
arrow_downward

Используйте это, может помочь:

<div class="modal-body" style="overflow: auto; >
......preview here ....
</div>
person user3706926    schedule 10.11.2015
comment
Ответы только на код не приветствуются на SO, но спасибо за ваше время. Прочтите Как ответить. - person Software Engineer; 11.11.2015

arrow_upward
0
arrow_downward

Самое простое решение — инициализировать jcrop в div фиксированного размера с помощью параметра jcrop следующим образом:

boxWidth: 500,
boxHeight: 500,
person Pashupati Khanal    schedule 06.09.2017