asp手写签名代码2021版提供源码控件

asp⼿写签名代码2021版提供源码控件
mbr污水处理设备博鼎包达标
今天接了⼀个⼩事,⼀个朋友想实现货物在线签收,要收货⼈在线签名,并保存⼊库,让我帮忙写⼀个asp的⼿写签名功能,忙活⼀下午实现了,估计会有很多⼈有这种需求,放⽹上吧
function lineCanvas(obj) {
this.linewidth = 1;
this.background = "#ffffff";
for (var i in obj) {
this[i] = obj[i];
};
this.canvas = ateElement("canvas");
this.el.appendChild(this.canvas);
< = Context("2d");
this.canvas.width = this.el.clientWidth;烷基醚硫酸盐
this.canvas.height = this.el.clientHeight;
//开始绘制
this.canvas.addEventListener("touchstart", function(e) {
event.preventDefault();// 阻⽌浏览器默认事件,防⽌⼿写的时候拖动屏幕,重要
}.bind(this), false);
//绘制中
this.canvas.addEventListener("touchmove", function(e) {
event.preventDefault();// 阻⽌浏览器默认事件,防⽌⼿写的时候拖动屏幕,重要
}.bind(this), false);
//结束绘制
this.canvas.addEventListener("touchend", function() {
bihua++;
event.preventDefault();// 阻⽌浏览器默认事件,防⽌⼿写的时候拖动屏幕,重要
}.bind(this), false);
//清除画布
this.clearEl.addEventListener("click", function() {
bihua=0;
}.bind(this), false);
//保存图⽚,直接转base64
人脸识别门
this.saveEl.addEventListener("click", function() {
/
/alert(bihua);
if (bihua == 0) {
alert("签名不能为空");
return;
};
var imgBase64 = DataURL();
console.log(imgBase64);
//下⾯开始ajax⼊库
$.ajax({
type:"post",
//也可以是带action的url:'save.asp?action=save',
万寿菊粉
url:'ajax.asp',
data: {id:<%=id%>,c_qm_pic:imgBase64},
dataType:'text',// dataType:"html",//服务器返回的数据类型。
timeout:10000,//10秒通信超时
beforeSend:function(xhr){
// alert('ajax通信,将信息post出去请稍等');或是放loding等待提⽰                layer.open({type: 2});//等待提⽰层
},
success:function(ywx){//请求成功,得到返回信息
//提⽰弹窗alert(ywx);
layer.closeAll();//很成功,关闭等待提⽰层
layer.open({content: ywx,skin: 'msg',time: 2});//提⽰弹窗
$("#canvas").hide();
$("h5").hide();
$(".yc").show();
桥型铰链$(".save").hide();
$("#anco").html(ywx);
},//success结束
error:function(xhr){//请求出错,
//alert('ajax通信异常,请稍后再试');
layer.closeAll();//关闭等待提⽰层
layer.open({
content: 'ajax通信异常,请稍后再试'
,
skin: 'msg'
,time: 2 //2秒后⾃动关闭
});
},
});
//ajax_end
//alert("ok");
}.bind(this), false);
};

本文发布于:2024-09-22 04:20:24,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/3/126273.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:签名   实现   绘制
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议