如何在“签名板”画布中显示消息

问题描述

我正在使用签名板通过表单发送签名。我想添加一个额外的细节：甚至在单击画布之前，它应该在画布内显示一条消息，例如：“开始绘制签名”。单击该图像后，将消失，签名板应正常工作。

该怎么做？

jQuery(document).ready(function ($) {

  var canvas = document.getElementById("signature");
  var signaturePad = new SignaturePad(canvas);

  $('#clear-signature').on('click',function () {
    signaturePad.clear();
  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/signature_pad/1.5.3/signature_pad.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.16.1/lodash.min.js"></script>
  
<div class="redo">
<button id="clear-signature" type="button">Redo</button>
</div>

<canvas id="signature" name="imagen" width="602px" height="166px" style="background-color: gray"></canvas>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

javascript signature