二維碼又稱QR Code,是一個近幾年來移動設(shè)備上很流行的一種編碼方式它比傳統(tǒng)的一維碼(條形碼)能存更多的信息,也能表示更多的數(shù)據(jù)類型。按照一定規(guī)律排列組成的幾何圖形構(gòu)成,它巧妙地利用構(gòu)成計算機內(nèi)部邏輯基礎(chǔ)的“0”、“1”比特流的概念
生活中的應(yīng)用也是非常的廣泛
人們的生活方方面面都離不開二維碼,而且她也給人們帶來了極大的便利。
二維碼有哪些優(yōu)缺點:
優(yōu)點:
· 1.高密度編碼,信息容量大。
· 2.編碼范圍廣。
· 3.容錯能力強,具有糾錯功能。
· 4.譯碼可靠性高。
· 5.可引入加密措施。
· 6.成本低,易制作,持久耐用。
缺點:
· 1.個人信息泄露 (火車票上都已經(jīng)有了可以儲存?zhèn)€人信息的二維碼)
· 2.識別二維碼的設(shè)備還不夠豐富。
QRCode.js
下面進入正題,如何用js生成二維碼,
QRCode.js 是一個用于生成二維碼的 JavaScript 庫。主要是通過獲取 DOM 的標簽,再通過 HTML5 Canvas 繪制而成,不依賴任何庫??梢钥焖俚脑趙eb頁面中繪制出二維碼。
通過獲取 DOM 的標簽,再通過 HTML5 Canvas 繪制而成,不依賴任何庫
引入相應(yīng)js文件 :
在html中設(shè)置頁面容器。用來承載生成之后的二維碼顯示
調(diào)用:
注意:
但是有可能中文會出現(xiàn)亂碼
編寫方法轉(zhuǎn)換中文內(nèi)容,接收參數(shù)判斷當(dāng)前數(shù)據(jù)的Unicode
最終在使用時調(diào)用當(dāng)前方法進行中文轉(zhuǎn)換
瀏覽器兼容性
IE6?10,Chrome,F(xiàn)irefox,Safari,Opera,Mobile Safari,Android,Windows Mobile,ETC。
總結(jié)
QRCode.js 是用于制作 QRCode 的JavaScript庫。QRCode.js 通過 HTML5 Canvas 和DOM中的表格標簽支持跨瀏覽器。QRCode.js 沒有依賴關(guān)系。通過 QECode.js 可以非常方便的在web 頁面中使用二維碼。讓我們在應(yīng)用中便捷的使用,擴展了項目的適用范圍。讓用戶可以快捷的訪問相關(guān)資源。提升項目的用戶體驗,使我們的應(yīng)用更加符合當(dāng)下用戶的適用習(xí)慣,增加用戶的黏性。
更多關(guān)于html5培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。