微信支付-無法識別qrcode生成的二維碼圖片
阿新 • • 發佈:2018-12-27
1、開始使用 table方式,但是還是無法識別二維碼 http://www.cnblogs.com/staticed/p/8549316.html
var code_url = data.code_url; $("#wechatQrcode").qrcode({ render: "table", //table方式 width: 200, //寬度 height:200, //高度 text: code_url //任意內容 });
2、後來採用canvas方式,成功識別 https://blog.csdn.net/chengnuo628/article/details/53993895/
Pay.wxPay(params, function (data) { debugger var code_url = data.code_url; $("#wechatQrcode").qrcode({ render: "canvas", //table方式 width: 200, //寬度 height:200, //高度 text: code_url //任意內容 }); var mycanvas1=document.getElementsByTagName('canvas')[0]; //將轉換後的img標籤插入到html中 var img=convertCanvasToImage(mycanvas1); $('#qrcode').append(img);//imagQrDiv表示你要插入的容器id //從 canvas 提取圖片 image function convertCanvasToImage(canvas) { //新Image物件,可以理解為DOM var image = new Image(); // canvas.toDataURL 返回的是一串Base64編碼的URL,當然,瀏覽器自己肯定支援 // 指定格式 PNG image.src = canvas.toDataURL("image/png"); return image; }