asp⼿写签名代码2021版提供源码控件
今天接了⼀个⼩事，⼀个朋友想实现货物在线签收，要收货⼈在线签名，并保存⼊库，让我帮忙写⼀个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秒通信超时
asp网页源码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);
};

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