需求：上门维护人员，对客户进行收费，收费完成后，需要用户在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>
<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;
}
![AppCan携手爱加密：为70万开发者提供云加密服务[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)