直到在模态引导上调整大小后签名才可见答案

【问题标题】：Signature is not visible until after resize on modal bootstrap直到在模态引导上调整大小后签名才可见
【发布时间】：2019-08-08 07:00:31
【问题描述】：

在用户输入他需要签名的数据后，在我的应用程序中，我正在使用签名板插件：https://github.com/szimek/signature_pad 并将签名放入bootstrap4的模态中。

问题是在我打开模态之前，其中的画布大小为 0x0 像素，所以我需要在打开模态时调整屏幕大小并初始化库。

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

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

【问题讨论】：

请分享一个最小的、可验证的完整示例代码，以便社区中的任何人都可以轻松提供帮助
模式打开时初始化签名板怎么样？ $('#myModal').on('show.bs.modal', function (e) {var signaturePad = new SignaturePad(canvas, {/*Your settings*/});}); 之类的东西你也可以添加一个 if 语句来查看它是否已经被初始化。

【解决方案1】：

tnx 伙计们，我终于明白了。我给了模态 style="display:block;" 然后通过 jq 我改变它

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

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

【讨论】：