PHP调用jsignature生成图片,App端jSignature签字版生成透明背景png图片

这段代码主要实现了用户在页面上完成至少两笔手绘签名后,将签名内容转换为图片并保存到本地的功能。它使用了jSignature插件获取签名数据,通过MD5命名避免文件名冲突,并使用plus nativeObj(Bitmap)进行图片处理和保存。
摘要由CSDN通过智能技术生成

if(page.touchcount>1){    //业务需求至少手绘2笔才保存

//将画布内容转换为图片

var datapair = $("#signature").jSignature("getData", "image");

var i = new Image();

i.src = "data:" + datapair[0] + "," + datapair[1];

//采用md5命名(这里使用MD5命名是因为,当使用统一名字替换保存图片,因文件名没变,图片显示不会刷新。MD5加密方法自己百度)

var sginName = csui.base.getMd5(i.src);

var url = '_downloads/'+sginName+'.png';    //设置保存图片文件名

var bitmap = new plus.nativeObj.Bitmap();

bitmap.loadBase64Data(i.src, function () {

bitmap.save(url, { overwrite: false, format: "png", quality: 60 }

, function (i) {

console.log('保存图片成功:' + JSON.stringify(i));

//var path = i.target    及为保存到本地图片地址

//删除前一张

plus.io.resolveLocalFileSystemURL( “前一张图片地址”,  function(entry){

entry.remove(function(){

console.log('删除成功');

});

);

bitmap.clear();

}, function (e) {

mui.toast('保存图片失败:' + JSON.stringify(e));

bitmap.clear();

});

}, function () {

mui.toast('加载Base64图片数据失败:' + JSON.stringify(e));

bitmap.clear();

});

}else{

mui.toast('请完成签名后再试')

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值