Javascript 在模式引导上调整大小之前,签名不可见

Javascript 在模式引导上调整大小之前,签名不可见,javascript,html,css,bootstrap-4,signaturepad,Javascript,Html,Css,Bootstrap 4,Signaturepad,在我的应用程序中,用户输入需要签名的数据后, 我正在使用签名板插件: 并将签名置于bootstrap4的模式中 问题是,在打开模式之前,其中的画布大小为0x0像素,因此我需要在打开模式时调整屏幕大小并初始化库 我尝试在计算宽度时发送模态体。 我把宽度和高度的手册-不工作的好 <script> $('#myModal').on('show.bs.modal', function (e) { console.log("modal open");

在我的应用程序中,用户输入需要签名的数据后, 我正在使用签名板插件: 并将签名置于bootstrap4的模式中

问题是,在打开模式之前,其中的画布大小为0x0像素,因此我需要在打开模式时调整屏幕大小并初始化库

我尝试在计算宽度时发送模态体。 我把宽度和高度的手册-不工作的好

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

$('#myModal').on('show.bs.modal',函数(e){
控制台日志(“模式打开”);
调整画布的大小();
});

tnx伙计们,我终于拿到了。 我给出了model style=“display:block;” 然后通过jq我改变了它

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

并在签名板上调整屏幕大小。

请共享一个最小的、可验证的、完整的示例代码,以便社区中的任何人都可以轻松地提供帮助。当模式打开时初始化签名板如何?类似于
$('#myModal').on('show.bs.modal',function(e){var signaturePad=newsignaturepad(canvas,{/*您的设置*/});})您还可以添加一个if语句,查看它是否已初始化。