二維碼
什麼是二維碼
二維碼又稱QR Code，QR全稱Quick Response，是一個近幾年來移動設備上超流行的一種編碼方式，它比傳統的Bar Code條形碼能存更多的信息，也能表示更多的數據類型。
二維條碼/二維碼（2-dimensional bar code）是用某種特定的幾何圖形按一定規律在平面（二維方向上）分佈的黑白相間的圖形記錄數據符號信息的；在代碼編制上巧妙地利用構成計算機內部邏輯基礎的“0”、“1”比特流的概念，使用若干個與二進制相對應的幾何形體來表示文字數值信息，通過圖象輸入設備或光電掃描設備自動識讀以實現信息自動處理：它具有條碼技術的一些共性：每種碼制有其特定的字符集；每個字符佔有一定的寬度；具有一定的校驗功能等。同時還具有對不同行的信息自動識別功能、及處理圖形旋轉變化點。
二維碼優勢
- 信息容量大, 可以容納多達1850個大寫字母或2710個數字或500多個漢字
- 應用範圍廣, 支持文字,聲音,圖片,指紋等等...
- 容錯能力強, 即使圖片出現部分破損也能使用
- 成本低, 容易製作
二維碼容錯級別
L級（低） 7％的碼字可以被恢復。
M級（中） 的碼字的15％可以被恢復。
Q級（四分）的碼字的25％可以被恢復。
H級（高） 的碼字的30％可以被恢復。
二維碼生成插件qrious
qrious是一款基於HTML5 Canvas的純JS二維碼生成插件。通過qrious.js可以快速生成各種二維碼，你可以控制二維碼的尺寸顏色，還可以將生成的二維碼進行Base64編碼。
qrious.js二維碼插件的可用配置參數如下：
|
參數 |
類型 |
默認值 |
描述 |
|
background |
String |
"white" |
二維碼的背景顏色。 |
|
foreground |
String |
"black" |
二維碼的前景顏色。 |
|
level |
String |
"L" |
二維碼的誤差校正級別(L, M, Q, H)。 |
|
mime |
String |
"image/png" |
二維碼輸出爲圖片時的MIME類型。 |
|
size |
Number |
100 |
二維碼的尺寸，單位像素。 |
|
value |
String |
"" |
需要編碼爲二維碼的值 |
下面的代碼即可生成一張二維碼
|
<html> <head> <title>二維碼入門小demo</title> </head> <body> <img id="qrious"> <script src="qrious.min.js"></script> <script> var qr = new QRious({ element:document.getElementById('qrious'), size:250, level:'H', value:'http://www.baidu.com' }); </script> </body> </html> |