Подпись не видна до тех пор, пока не будет изменен размер модальной начальной загрузки

В моем приложении после того, как пользователь вводит данные, которые ему нужно подписать, я использую плагин для панели подписи: https://github.com/szimek/signature_pad и поместите подпись в модальное окно bootstrap4.

Проблема в том, что перед открытием модального окна размер холста внутри него составляет 0x0 пикселей, поэтому мне нужно изменить размер экрана и инициализировать библиотеку при открытии модального окна.

Я попытался отправить модальное тело при расчете ширины. Я установил ширину и высоту вручную - не работает.

<script>
      $('#myModal').on('show.bs.modal', function (e) {
        console.log("modal open");
        resizeCanvas();
      });
 </script>

person roi467    schedule 08.08.2019    source источник
comment
пожалуйста, поделитесь минимальным, поддающимся проверке, полным примером кода, чтобы любой из сообщества мог легко помочь   -  person Akber Iqbal    schedule 08.08.2019
comment
Как насчет инициализации панели подписи при открытии модального окна? Что-то вроде $('#myModal').on('show.bs.modal', function (e) {var signaturePad = new SignaturePad(canvas, {/*Your settings*/});}); Вы также можете добавить оператор if, чтобы увидеть, был ли он уже инициализирован или нет.   -  person Jeremy    schedule 08.08.2019


Ответы (1)


tnx, ребята, я наконец понял. Я дал модальный стиль = "дисплей: блок;" а потом через jq меняю

$(document).ready(function (){
            $('#myModal').css('display','none');
      });

и отключил изменение размера экрана на панели подписи.

person roi467    schedule 08.08.2019