qrcode生成的二維碼，在蘋果等手機(jī)上長按可識別，在華為手機(jī)上長按沒有反應(yīng)，截圖保存下來長按又可以識別。

#問題原因
瀏覽器兼容問題
qrcode在頁面生成二維碼時(shí)，會生成一個(gè)canvas標(biāo)簽和一個(gè)img標(biāo)簽。在電腦瀏覽器上調(diào)試的時(shí)候，發(fā)現(xiàn)生成二維碼之后canvas標(biāo)簽是會自動隱藏的，然后展示img標(biāo)簽，我們看到和識別的其實(shí)是圖片。但是在華為手機(jī)上生成的canvas是不會隱藏的，我們看到的是canvas，所以無法識別，截圖卻可以。
#解決辦法
手動將canvas隱藏，獲取生成的鏈接拼到圖片里面。
html頁面：

<!--用于存放canvas，隱藏--> <div id="QRCodeNone" style="width:54%;height:200px;margin:8% 0 8% 23%;display:none;"> </div> <!--用于存放二維碼圖片--> <div id="QRCode" style="width:54%;height:200px;margin:8% 0 8% 23%;"> </div> function makeQRCode() {var qrcode = new QRCode(document.getElementById("QRCodeNone"), {text: params,//二維碼數(shù)據(jù)width: 200,height: 200});//在小米或者華為手機(jī)上生成的二維碼是通過canvas展示的，img標(biāo)簽被隱藏,所以需要特殊處理一下，將canvas標(biāo)簽隱藏，拿到生成的url放到img里面再展示出來var myCanvas = document.getElementsByTagName('canvas')[0];var img = convertCanvasToImage(myCanvas);$("#QRCode").append(img); }; //將canvas返回的圖片添加到image里 function convertCanvasToImage(canvas){var image = new Image();image.src = canvas.toDataURL("image/png");return image; } makeQRCode()

總結(jié)

以上是生活随笔為你收集整理的qrcode方法生成的二维码安卓手机长按不识别的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。