技術(shù)匯總：第十一章：生成二維碼

二維碼
什么是二維碼

二維碼又稱QR Code，QR全稱Quick Response，是一個近幾年來移動設(shè)備上超流行的一種編碼方式，它比傳統(tǒng)的Bar Code條形碼能存更多的信息，也能表示更多的數(shù)據(jù)類型。

二維條碼/二維碼（2-dimensional bar code）是用某種特定的幾何圖形按一定規(guī)律在平面（二維方向上）分布的黑白相間的圖形記錄數(shù)據(jù)符號信息的；在代碼編制上巧妙地利用構(gòu)成計算機內(nèi)部邏輯基礎(chǔ)的“0”、“1”比特流的概念，使用若干個與二進(jìn)制相對應(yīng)的幾何形體來表示文字?jǐn)?shù)值信息，通過圖象輸入設(shè)備或光電掃描設(shè)備自動識讀以實現(xiàn)信息自動處理：它具有條碼技術(shù)的一些共性：每種碼制有其特定的字符集；每個字符占有一定的寬度；具有一定的校驗功能等。同時還具有對不同行的信息自動識別功能、及處理圖形旋轉(zhuǎn)變化點。
在這里插入圖片描述
















二維碼優(yōu)勢

信息容量大, 可以容納多達(dá)1850個大寫字母或2710個數(shù)字或500多個漢字
應(yīng)用范圍廣, 支持文字,聲音,圖片,指紋等等...
容錯能力強, 即使圖片出現(xiàn)部分破損也能使用
成本低, 容易制作

二維碼容錯級別

L級（低） 7％的碼字可以被恢復(fù)。

M級（中） 的碼字的15％可以被恢復(fù)。

Q級（四分）的碼字的25％可以被恢復(fù)。

H級（高） 的碼字的30％可以被恢復(fù)。
二維碼生成插件qrious

qrious是一款基于HTML5 Canvas的純JS二維碼生成插件。通過qrious.js可以快速生成各種二維碼，你可以控制二維碼的尺寸顏色，還可以將生成的二維碼進(jìn)行Base64編碼。

qrious.js二維碼插件的可用配置參數(shù)如下：
在這里插入圖片描述

下面的代碼即可生成一張二維碼

<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.itcast.cn'

});

</script>

</body>

</html>

運行效果：
在這里插入圖片描述














資料下載：微信掃碼

鏈接：https://pan.baidu.com/s/1sLDOvS_1kV3c1xC1XKznrw
提取碼：vqyh
?