jquery实现微信长按识别二维码
生活随笔
收集整理的這篇文章主要介紹了
jquery实现微信长按识别二维码
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
jquery實現(xiàn)微信長按識別二維碼
(完整代碼如下)
<!DOCTYPE html> <html> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>微信長按二維碼識別</title> </head> <body> <div id="qrDiv"></div> </body> </html> <script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="http://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript">$("#qrDiv").qrcode({width: 120, //寬度height:120, //高度text: "需要生成的二維碼內(nèi)容" //任意內(nèi)容});//從 canvas 提取圖片 imagefunction convertCanvasToImage(canvas) {//新Image對象,可以理解為DOMvar image = new Image();// canvas.toDataURL 返回的是一串Base64編碼的URL,當(dāng)然,瀏覽器自己肯定支持// 指定格式 PNGimage.src = canvas.toDataURL("image/png");return image;}//獲取網(wǎng)頁中的canvas對象var mycanvas1=document.getElementsByTagName('canvas')[0];//將轉(zhuǎn)換后的img標(biāo)簽插入到html中var img=convertCanvasToImage(mycanvas1);$('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id </script>總結(jié)
以上是生活随笔為你收集整理的jquery实现微信长按识别二维码的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: cpython效率_PyPy 和 CPy
- 下一篇: 抗疫周观察 | 应届毕业生忧虑就业形势,