需求：上門維護人員，對客戶進行收費，收費完成後，需要使用者在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=)