1. 首頁 > 云知道 > >

解析二維碼,二維碼在線生成

云知道在線

前端H5如何實現調用攝像頭掃描二維碼并解析二維碼？

解析二維碼,二維碼在線生成


在用戶授權您使用攝像頭的情況下，您是可以調用系統的攝像頭的 。并且你可以通過canvas技術，將攝像頭的內容畫在你的網頁里 ?？瓷先ゾ秃臀⑿诺膾咭粧卟畈欢嗟臉幼?。當然使用這個必須有一個前提，那就是用戶給你授權了，否則的情況下你是調用不到系統的攝像頭的 。當你能夠調用到系統的攝像頭，并且拍攝到了二維碼的圖視頻文件之后，那么你可以將這段視頻傳給后端，由后端來給你解析其中的二維碼 。
您如果希望前端自行來解析這個視頻的話，我相信會非常非常的困難 。至少我當下沒有任何的思路 。此外我并不推薦這個功能由前端去實現，因為它涉及到的問題非常的多，如果是客戶端自己實現的話，就完全沒有必要將視頻進行上傳 。所以既然是一個web APP的設計,一定是鑲嵌在你們自己的APP里面的，那么你們可以通過APP來實現這個功能，然后在你們的h5頁面當中調用這個系統功能就可以了 。
大家都熟知二維碼，那么字符串是怎么轉換成二維碼的呢？原理是啥？
【解析二維碼,二維碼在線生成】
解析二維碼,二維碼在線生成


移動互聯網時代，二維碼在我們身邊可以隨處可見，手機支付有付款碼，公交地鐵有乘車碼，還有最近出現的健康碼 。其實不管是付款碼還是乘車碼，本質上它們都是二維碼，那么二維碼到底是什么呢？二維碼是什么？回想一下我們在超市買東西時結賬的流程：首先我們打開付款碼，接著收營員掃我們的付款碼，然后錢就自動從我們的賬戶中扣除了 。
可以看出，掃碼付款的過程就是從二維碼到人的一個過程，從二維碼所代表的信息中找到我們的賬戶信息并從中扣款 。那么二維碼所代表的信息是什么時候確定的？當然是生成二維碼的時候啦！我們要使用手機支付功能，首先必須注冊帳號，此時帳號就代表了我們 。打開付款碼的時候，系統會將我們的身份信息經過一些計算，最終生成一個二維碼并展示給我們 。
生成二維碼的過程就是將信息轉換成二維碼的過程，掃碼的過程則是將二維碼再轉換成信息的過程，所以二維碼本質上只是信息的一種展示形式而已 。二維碼結構分析雖然二維碼看起來是毫無規律的，但其實二維碼的生成有著固定的格式 。大小二維碼的大小存在 40 種版本（Version），從Version1（21x21的正方形）到Version40（177x177的正方形），每增加一個 Version，大小都會增加 4 。
版本越大二維碼就會越大，隨之所能表示的數據量也就越大 。結構二維碼呈正方形，通常由黑白小方塊組成，二維碼的整體結構可以分為定位標記、功能區以及數據區三大部分：定位標記——在二維碼的左上角、右上角、左下角有3個類似“回”字的方形圖案，這3個圖案是用于二維碼的定位標記 。正因為有定位標記的存在，所以不管我們以什么角度掃描，二維碼總是可以被準確的識別出來 。
二維碼中還存在一些小一點“回”字，它們是用于校正定位的標記，并且只會在Version 2及以上版本的二維碼中才會出現 。功能區——功能區分為兩部分，即圖中紅色部分和紫色部分 。紅色部分存放格式信息，用于表示該二維碼的糾錯級別（至于糾錯級別是什么后面在解釋），紫色部分存放版本信息，即該二維碼的尺寸大小 。數據區——數據區指的是除去定位標記和功能區的其他部分（圖中灰色部分），用于保存二維碼實際所表示的信息的數據碼以及用于糾錯的糾錯碼 。

推薦閱讀