1.引入JS庫

<script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>

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

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

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
 

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