4种方法生成二维码 （js 控制canvas 画出 二维码）

随着网络的迅速发展 发展 发展，二维码的应用将会越来越多。同时很多只是很平凡的二维码，请拿起你的手 把这个二维码 设计起来吧。下面分享了几个非常好的二维码设计。

 

 二维码原理：

 

二维条码/二维码可以分为堆叠式/行排式二维条码和矩阵式二维条码。 堆叠式/行排式二维条码形态上是由多行短截的一维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 '';//Google API接口，若失效可到Google网址查询最新接口

               }

               ?>

　　

 

2..js代码 转换为 canvas （重点）

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

 

               

               

　　

 

3. 图片接口

 

　　

 

4.demo 里面http://hxend.com/jsqrcode/test/ 代码

 

 html>

   

       

       

       

   

   

       

           

二维码生成

           

                图片:

                清理边缘

           

           

           

文本: http://www.btgoogle.com

           

大小:

           

               

                   

                   

               

               

                   

                   

                   

               

           

效果:
	液体	方块	圆

           

                Foreground color:

                Background color:

                Outside-border color:

                Inside-border color:

           

            生成