1.qrious是基於canvas的純JS二維碼生成插件 1.1什麼是二維碼 二維碼又稱QR Code，QR全稱Quick Response，是一個近幾年來移動設備上超流行的一種編碼方式，它比傳統的Bar Code條形碼能存更多的信息，也能表示更多的數據類型。 二維條碼/二維碼（2-dimensio ...
1.qrious是基於canvas的純JS二維碼生成插件
1.1什麼是二維碼
二維碼又稱QR Code，QR全稱Quick Response，是一個近幾年來移動設備上超流行的一種編碼方式，它比傳統的Bar Code條形碼能存更多的信息，也能表示更多的數據類型。
二維條碼/二維碼（2-dimensional bar code）是用某種特定的幾何圖形按一定規律在平面（二維方向上）分佈的黑白相間的圖形記錄數據符號信息的；在代碼編製上巧妙地利用構成電腦內部邏輯基礎的“0”、“1”比特流的概念，使用若幹個與二進位相對應的幾何形體來表示文字數值信息，通過圖象輸入設備或光電掃描設備自動識讀以實現信息自動處理：它具有條碼技術的一些共性：每種碼制有其特定的字元集；每個字元占有一定的寬度；具有一定的校驗功能等。同時還具有對不同行的信息自動識別功能、及處理圖形旋轉變化點。
1.2二維碼優勢
l 信息容量大, 可以容納多達1850個大寫字母或2710個數字或500多個漢字
l 應用範圍廣, 支持文字,聲音,圖片,指紋等等...
l 容錯能力強, 即使圖片出現部分破損也能使用
l 成本低, 容易製作
1.3二維碼容錯級別
L級（低） 7％的碼字可以被恢復。
M級（中） 的碼字的15％可以被恢復。
Q級（四分）的碼字的25％可以被恢復。
H級（高） 的碼字的30％可以被恢復。
1.4二維碼生成插件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:'https://www.baidu.com' }); </script> </body> </html> |
運行效果：
大家掏出手機，掃一下看看是否會看到百度的首頁呢？
插件源碼：
鏈接：https://pan.baidu.com/s/1xS6kanj1mK8kFET1JwyOLw
提取碼：5hes
如果失效可以找我，評論私信都會看到的！
留個贊再走唄！
