教你js生成二維碼-QrCodeJS

　　二維碼又稱(chēng)QR Code，是一個(gè)近幾年來(lái)移動(dòng)設(shè)備上很流行的一種編碼方式它比傳統(tǒng)的一維碼(條形碼)能存更多的信息，也能表示更多的數(shù)據(jù)類(lèi)型。按照一定規(guī)律排列組成的幾何圖形構(gòu)成，它巧妙地利用構(gòu)成計(jì)算機(jī)內(nèi)部邏輯基礎(chǔ)的“0”、“1”比特流的概念

　　生活中的應(yīng)用也是非常的廣泛

　　人們的生活方方面面都離不開(kāi)二維碼，而且她也給人們帶來(lái)了極大的便利。

　　二維碼有哪些優(yōu)缺點(diǎn)：

　　優(yōu)點(diǎn)：

　　· 1.高密度編碼，信息容量大。

　　· 2.編碼范圍廣。

　　· 3.容錯(cuò)能力強(qiáng)，具有糾錯(cuò)功能。

　　· 4.譯碼可靠性高。

　　· 5.可引入加密措施。

　　· 6.成本低，易制作，持久耐用。

　　缺點(diǎn)：

　　· 1.個(gè)人信息泄露 (火車(chē)票上都已經(jīng)有了可以?xún)?chǔ)存?zhèn)€人信息的二維碼)

　　· 2.識(shí)別二維碼的設(shè)備還不夠豐富。

　　QRCode.js

　　下面進(jìn)入正題，如何用js生成二維碼，

　　QRCode.js 是一個(gè)用于生成二維碼的 JavaScript 庫(kù)。主要是通過(guò)獲取 DOM 的標(biāo)簽,再通過(guò) HTML5 Canvas 繪制而成,不依賴(lài)任何庫(kù)。可以快速的在web頁(yè)面中繪制出二維碼。

　　通過(guò)獲取 DOM 的標(biāo)簽,再通過(guò) HTML5 Canvas 繪制而成,不依賴(lài)任何庫(kù)

　　引入相應(yīng)js文件 :

　　在html中設(shè)置頁(yè)面容器。用來(lái)承載生成之后的二維碼顯示

　　調(diào)用：

　　注意：

　　但是有可能中文會(huì)出現(xiàn)亂碼

　　編寫(xiě)方法轉(zhuǎn)換中文內(nèi)容，接收參數(shù)判斷當(dāng)前數(shù)據(jù)的Unicode

　　最終在使用時(shí)調(diào)用當(dāng)前方法進(jìn)行中文轉(zhuǎn)換

　　瀏覽器兼容性

　　IE6?10，Chrome，F(xiàn)irefox，Safari，Opera，Mobile Safari，Android，Windows Mobile，ETC。

　　總結(jié)

　　QRCode.js 是用于制作 QRCode 的JavaScript庫(kù)。QRCode.js 通過(guò) HTML5 Canvas 和DOM中的表格標(biāo)簽支持跨瀏覽器。QRCode.js 沒(méi)有依賴(lài)關(guān)系。通過(guò) QECode.js 可以非常方便的在web 頁(yè)面中使用二維碼。讓我們?cè)趹?yīng)用中便捷的使用，擴(kuò)展了項(xiàng)目的適用范圍。讓用戶(hù)可以快捷的訪(fǎng)問(wèn)相關(guān)資源。提升項(xiàng)目的用戶(hù)體驗(yàn)，使我們的應(yīng)用更加符合當(dāng)下用戶(hù)的適用習(xí)慣，增加用戶(hù)的黏性。

　　更多關(guān)于html5培訓(xùn)的問(wèn)題，歡迎咨詢(xún)千鋒教育在線(xiàn)名師，如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話(huà)可以點(diǎn)擊咨詢(xún)課程顧問(wèn)，獲取試聽(tīng)資格來(lái)試聽(tīng)我們的課程，在線(xiàn)零距離接觸千鋒教育大咖名師，讓你輕松從入門(mén)到精通。