layui 集成手写签名

参照layui表单渲染的原理增加了签名控件渲染，方便后期集成

前端html

<div class="layui-form-item">
         <label class="layui-form-label">个人签名:</label>
         <div class="layui-input-block">
         <input type="hidden" name="USignature" value=""
          class="signaturepad"/>
         </div>
</div>

渲染后效果

点击图片后弹出签名框签名

 

也可以通过扫码从手机端签名

 签名完成后自动同步进电脑端