首页 > web前端 > js教程 > 正文

生成二维码方法汇总_javascript技巧

php中文网
发布: 2016-05-16 16:24:24
原创
1724人浏览过

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

二维码原理

二维条码/二维码可以分为堆叠式/行排式二维条码和矩阵式二维条码。 堆叠式/行排式二维条码形态上是由多行短截的一维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/

复制代码 代码如下:

">http://sandbox.runjs.cn/uploads/rs/142/gjxgxu0g/qrgen.min.js">>
              

              
  

3. 图片接口

复制代码 代码如下:

生成二维码方法汇总_javascript技巧http://qrcoder.sinaapp.com?t=hello world">

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

复制代码 代码如下:



   
        QRCode
        ">http://files.cnblogs.com/webers/qrcode-light.js">>
        ">http://files.cnblogs.com/webers/qrgen.js">>
   
   
       

           

二维码生成


           

                图片: 生成二维码方法汇总_javascript技巧
               
           

           

           
文本:

           
大小:

           
               
                   
                   
               
               
                   
                   
                   
               
           
效果:
液体 方块

           

                Foreground color:
                Background color:

                Outside-border color:
                Inside-border color:
           

           
       

       

        ">http://files.cnblogs.com/webers/take.js">>
   

以上4种方法,第3种最简单,第二种是我推荐的,自由度大些,小伙伴根据自己的需求来选择吧

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号