APPCAN 电子签名设置
需求:上门维护人员,对客户进行收费,收费完成后,需要用户在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 电子签名设置相关推荐
- PDF电子签名申请与设置方法
一.签名证书申请 各申请单位或者个人都可以通过上线办理沃通CA证书(包括港澳台或外企) 1.法定代表人个人电子签名申请链接 https://buy.wosign.com/SpecialIVDocSig ...
- h3c wa2620胖ap设置_AP考试|错过报名不用慌,香港考区目前仍然可以报名!
大陆的AP考试报名已经截止,少数错过报名的同学,可以考虑去香港考试. 香港AP考试网上报名时间为 2019年1月7日至4月16日 香港地区AP考试由香港考试及评核局负责 网站为:http://www. ...
- appcan+html查看效果,appcan常用的窗口方法
1:在主窗口打开浮动窗口 function openContent() { appcan.window.openPopover({ name: 'content', dataType: 0, url: ...
- APPCAN学习笔记004---AppCan与Hybrid,appcan概述
APPCAN学习笔记004---AppCan与Hybrid,appcan概述 技术qq交流群:JavaDream:251572072 本节讲了appcan的开发流程,和开发工具 笔记不做具体介绍了,以 ...
- Python骚操作!你还在用PS制作电子签名吗?
????加星标,不迷路哦! 前言 在我们工作和生活中,你使用过电子签名吗? 众所周知,电子签名可以使用Photoshop制作,但是Photoshop安装过程复杂,占内存,杀鸡焉用牛刀?而且网上提供的在 ...
- webcrypto库下载_使用WebCrypto API的电子签名
webcrypto库下载 有时我们需要让用户进行电子签名. 通常,人们会理解为以某种方式将您的手写签名放置在屏幕上. 根据管辖范围,可能很好,或者仅存储图像可能还不够. 例如,在欧洲,有910/201 ...
- 使用WebCrypto API的电子签名
有时我们需要让用户进行电子签名. 通常,人们会理解为将您的手写签名以某种方式放在屏幕上. 根据管辖范围,可能很好,或者仅存储图像可能还不够. 例如,在欧洲,有910/2014号法规 ,该法规定义了什么 ...
- app canvas渲染后图片黑色_H5 基于 canvas 实现电子签名并生成PDF文档
(给前端大全加星标,提升前端技能) 转自:coyota666 https://juejin.cn/post/6901273585428463624 前言 电子签名通俗来说就是通过技术手段实现在电子文档 ...
- 关于Office 中的墨迹功能(可作word电子签名)
关于Office 中的墨迹功能(可作word电子签名) 原文 关于Office 中的墨迹功能 通过使用 Microsoft Office 2003 中的墨迹功能,可使用 Tablet PC 和 Tab ...
最新文章
- 【MySQL】MySQL表的增删改查(进阶-下)
- redis-5.0.4集群部署
- linux qt串口无法显示,Linux QT串口通信遇到的问题
- 处理多维度变化——桥接模式
- tomcat学习笔记(JDK+TOMCAT+AXIS)
- Java 8可选:如何使用它
- Spring Boot 系列(一)快速入门
- python绘制直方图plt_Python:matplotlib绘制直方图
- python如何初始化对象数组_如何理解Python中的面向对象编程?
- php中余数为0,PHP中余数、取余的妙用
- 3S基础知识:MapInfo MapX中如何保存专题地图
- 电脑桌面数字时钟c语言,DesktopDigitalClock(桌面数字时钟)
- timesat数据如何读取_判二手车调表车另类方法。如何利用OBD读取可靠数据(技术类)...
- 在 keil 建立基于STM32开发的工程模板--详细步骤
- ChatGPT提示词手册:学会提问的艺术,助你高效使用ChatGPT!
- pyqt5以及pyqtgraph(pyqt界面设计绘图)
- 广告点击率预测-项目介绍
- 实战小项目_猜数字小游戏
- c语言中pair的头文件,C++中使用pair是否一定要包含头文件utility
- CnPeng杂说:油条的来历
热门文章
- Ubuntu安装ros rotors 以及中间出现的问题的解决办法
- Fiddler抓包夜神模拟器
- 帮助 help 命令
- 腾讯云服务器文件怎么恢复吗,实战腾讯云镜像备份恢复云服务器实例提取网站数据文件...
- linux的normal模式,解决grub rescue问题时发现grub/目录下没有文件normal.mod怎么办?...
- JAVA版商城 spring boot商城 spring cloud商城 B2B2C商城 多用户商城 直播带货商城 新零售商城 b2b供应链 电子商务 拼团商城 分销商城 直播商城 社交电商
- 前端Photoshop切图快速入门
- 数据压缩作业1之:使用音频分析软件(Audacity)分析浊音、清音爆破音的时域及频域特性。
- 《徐卓-心理咨询师校园报告 》--心得
- UML时序图(序列图)