首頁 >web前端 >js教程 >產生二維碼方法總結_javascript技巧

產生二維碼方法總結_javascript技巧

WBOY
WBOY原創
2016-05-16 16:24:241528瀏覽

隨著網路的快速發展 發展 發展,二維碼的應用將會越來越多。同時很多只是很平凡的二維碼,請拿起你的手 把這個二維碼 設計起來吧。下面分享了幾個非常好的二維碼設計。

二維碼原理

二維條碼/二維碼可以分為堆疊式/行排式二維條碼和矩陣式二維條碼。 堆疊式/行排式二維條碼形態上是由多行短截的一維5條碼堆疊而成;矩陣式二維條碼以矩陣的形式組成,在矩陣對應元素位置上用“點”表示二進制“ 1”, 以“空”表示二進位“0”,“點”和“空”的排列組成代碼。

最近對二維碼產生了興趣 研究了一下二維碼 這裡生出的術語 qrcode  容錯性較高。

資料表示方法

深色模組表示二進位“1”,淺色模組表示二進位“0”。
糾錯能力
· L級:約可糾錯7%的資料碼字
· M級:約可糾錯15%的資料碼字
· Q級:約可糾錯25%的資料碼字
· H級:約可糾錯30%的資料碼字

上面的設計 就很完美的利用了 qrcode的容錯性,非常nice  也非常有創意! !

1.google 介面

複製程式碼 程式碼如下:

               $urlToEncode="http://www.csd2n.net";//要產生二維碼的網址
               generateQRfromGoogle($urlToEncode);
               function generateQRfromGoogle($chl,$widhtHeight ='150',$EC_level='L',$margin='0')
               {
               $url = urlencode($url);
echo '產生二維碼方法總結_javascript技巧http://chart.apis.google.com/chart?chs='.$widhtHeight.'x'.$widhtHeight.'&cht=qr&chld='.$EC_level.'| '.$margin.'&chl='.$chl.'" alt="QR code" widhtHeight="'.$size.'" widhtHeight="'.$size.'"/>';// Google API接口,若失效可到Google網址查詢最新接口
               }
               ?>
  

2..js程式碼 轉換為 canvas (重點)

demo: http://hxend.com/jsqrcode/test/

複製程式碼 程式碼如下:


   
        QRCode
        >
   
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn