微信長按圖片無法彈出識別二維碼選項解決方案

NO IMAGE
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

改好了 兄弟們 忙了一天 終於識別二維碼了

1.首先頁面中有兩個二維碼的兄弟別忙活了,一個頁面中只可以識別其中一個二維碼,兩個的話需提示使用者雙擊放大二維碼進行二維碼識別.
2.網頁內有一張圖片進行二維碼識別時長按沒有反應(長按圖片無法彈出識別二維碼)這個就是我所遇到的問題。需要調到特別大才能識別,但是特別大就會影響到背景圖片,就會有問題,在網上搜了一下結合自己的思路給大家一個解決方案,因需求而異

解決思路
首先要把這張二維碼新增到body的子元素 放在最後或者是最前都可以
注意這可能影響你的佈局 需要注意的是opacity需要設為0而不是設定display屬性

<img style="height: 100%;width: 100%;opacity: 0" src="二維碼圖片地址">

其次 在你應該放置的div裡設定你正常二維碼圖片的大小

<img class="你的正常大小(bootstrap可設定居中)" src="二維碼圖片地址" />

注意:真實二維碼圖片的位置會改變,因此需要相應的設定  position:abslute 位置太偏移,有可能會造成二維碼無法識別。

至此你就會發現長按圖片會識別二維碼

如有問題請在原問題地址聯絡我

https://segmentfault.com/q/1010000006023355/a-1020000006026179

相關文章

程式語言 最新文章