成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

最近一直在搞一個微信開發的項目，終于快要完工了，今天小編抽個時間記錄下在項目開發過程中遇到jquery.qrcode.min.js生成二維碼長按不識別的解決方法，希望對大家有所幫助！

1.引入JS庫

<script src="http://www.gimoo.net/t/1901/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script> 
<script src="http://www.gimoo.net/t/1901/jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>

2.在頁面創建一個空的div;

<div id="qrDiv"></div>

3.生成二維碼

$("#qrDiv").qrcode({ 
width: 120, //寬度 
height:120, //高度 
text: "需要生成的二維碼內容" //任意內容 
});

注意：這個時候生成的二維碼在微信中長安沒任何反應，因為qrcode生成的是canvas標簽而不是img標簽

4.將canvas標簽轉換為img標簽

//從 canvas 提取圖片 image 
function convertCanvasToImage(canvas) { 
//新Image對象，可以理解為DOM 
var image = new Image(); 
// canvas.toDataURL 返回的是一串Base64編碼的URL，當然,瀏覽器自己肯定支持 
// 指定格式 PNG 
image.src = canvas.toDataURL("image/png"); 
return image; 
} 
//獲取網頁中的canvas對象 
var mycanvas1=document.getElementsByTagName('canvas')[0]; 
//將轉換后的img標簽插入到html中 
var img=convertCanvasToImage(mycanvas1); 
$('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id

注意：完成上述步驟后就可以在微信中長按識別了

以上所述是小編給大家介紹的jQuery實現微信長按識別二維碼功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對綠夏網網站的支持！