APPCAN 电子签名设置

来源:互联网 发布:比特币交易网免费源码 编辑:程序博客网 时间:2024/06/05 11:24

需求:上门维护人员,对客户进行收费,收费完成后,需要用户在APP中进行签名,使用APPCAN进行开发


使用相关资源:signature-pad.css,signature_pad.js

<body class="" ontouchstart>
            
           <form id='sign' method="post" enctype="multipart/form-data">
                  <canvas class="pad" title="在此签名" id='pad'></canvas>
            </form>
        <div class="m-signature-pad--footer">
            <button type="button" id='btnRest' class="btn">清除</button>&nbsp;
            <button type="button" id='btnSubmit' class="btn">保存</button>
        </div>
    </body>


js:


 appcan.ready(function() {
            resizeCanvas() ;
            
             var signaturePad = new SignaturePad(canvas, {
                backgroundColor: 'rgb(0,255,255)',
                onBegin: function() {
                    var phonewidth =screen.width;
                    console.log('onbegin=='+phonewidth)
                },
                onEnd: function() {
                    console.log('onEnd')
                }
            });
            
        });

//设置签名大小

function resizeCanvas() {
                canvas.width = window.screen.width;
                canvas.height = window.screen.height/2;
            }



原创粉丝点击