1.首先頁面中有兩個二維碼的兄弟別忙活了,一個頁面中只可以識別其中一個二維碼,兩個的話需提示用戶雙擊放大二維碼進行二維碼識別.
2.網頁內有一張圖片進行二維碼識別時長按沒有反應(長按圖片無法彈出識別二維碼)這個就是我所遇到的問題。需要調到特別大才能識別,但是特別大就會影響到背景圖片,就會有問題,在網上搜了一下結合自己的思路給大家一個解決方案,因需求而異
解決思路
首先要把這張二維碼添加到body的子元素 放在最后或者是最前都可以
注意這可能影響你的布局 需要注意的是opacity需要設為0而不是設置display屬性
<img style="height: 100%;width: 100%;opacity: 0" src="二維碼圖片地址">
其次 在你應該放置的div里設置你正常二維碼圖片的大小
<img class="你的正常大小(bootstrap可設置居中)" src="二維碼圖片地址" />
注意:真實二維碼圖片的位置會改變,因此需要相應的設置 position:abslute 位置太偏移,有可能會造成二維碼無法識別。
至此你就會發現長按圖片會識別二維碼
--------------------- 作者:代碼界吳彥祖 來源:CSDN 原文:https://blog.csdn.net/lzx_victory/article/details/51979532?utm_source=copy 版權聲明:本文為博主原創文章,轉載請附上博文鏈接!
