生成二维码方法汇总
随着网络的迅速发展发展发展,二维码的应用将会越来越多。同时很多只是很平凡的二维码,请拿起你的手把这个二维码设计起来吧。下面分享了几个非常好的二维码设计。
二维码原理:
二维条码/二维码可以分为堆叠式/行排式二维条码和矩阵式二维条码。堆叠式/行排式二维条码形态上是由多行短截的一维5条码堆叠而成;矩阵式二维条码以矩阵的形式组成,在矩阵相应元素位置上用“点”表示二进制“1”,用“空”表示二进制“0”,“点”和“空”的排列组成代码。
最近对二维码产生了兴趣研究了一下二维码这里生出的术语qrcode 容错性较高。
数据表示方法
深色模块表示二进制“1”,浅色模块表示二进制“0”。
纠错能力
·L级:约可纠错7%的数据码字
·M级:约可纠错15%的数据码字
·Q级:约可纠错25%的数据码字
·H级:约可纠错30%的数据码字
上面的设计就很完美的利用了qrcode的容错性,非常nice 也非常有创意!!
1.google接口
<?php $urlToEncode="http://www.csd2n.net";//要生成二维码的网址 generateQRfromGoogle($urlToEncode); functiongenerateQRfromGoogle($chl,$widhtHeight='150',$EC_level='L',$margin='0') { $url=urlencode($url); echo'<imgsrc="http://chart.apis.google.com/chart?chs='.$widhtHeight.'x'.$widhtHeight.'&cht=qr&chld='.$EC_level.'|'.$margin.'&chl='.$chl.'"alt="QRcode"widhtHeight="'.$size.'"widhtHeight="'.$size.'"/>';//GoogleAPI接口,若失效可到Google网址查询最新接口 } ?>
2..js代码转换为canvas(重点)
demo:http://hxend.com/jsqrcode/test/
<scripttype="text/javascript"src="http://sandbox.runjs.cn/uploads/rs/142/gjxgxu0g/qrgen.min.js"></script> <divid=qrcode></div> <scripttype="text/javascript"> qrcode(document.getElementById('qrcode'),{ data:'http://geraldl.net' }); </script>
3.图片接口
<imgsrc="http://qrcoder.sinaapp.com?t=helloworld">
4.demo里面http://hxend.com/jsqrcode/test/代码
<!doctypehtml> <html> <head> <title>QRCode</title> <scripttype="text/javascript"src="http://files.cnblogs.com/webers/qrcode-light.js"></script> <scripttype="text/javascript"src="http://files.cnblogs.com/webers/qrgen.js"></script> </head> <body> <div> <h1>二维码生成</h1> <div> 图片:<imgid=qrimgsrc=https://www.nhooo.com/uploadfile/2014/1219/20141219081025437.png> <label><inputid=qrclearedgestype=checkboxchecked>清理边缘</label> </div> <div><inputid=fimgtype=file></div> <div>文本:<textareaid=qrtext>http://www.btgoogle.com</textarea></div> <div>大小:<inputid=cellSizetype=rangemin=2max=10value=6></div> <table> <tr> <tdrowspan=2>效果:</td> <tdcolspan=3><inputid=cellEffecttype=rangemin=-50max=50step=5value=0></td> </tr> <trid=cellEffectStops> <tdalign=left><ahref=#data=l>液体</a></td> <tdalign=center><ahref=#data=s>方块</a></td> <tdalign=right><ahref=#data=r>圆</a></td> </tr> </table> <div> Foregroundcolor:<inputid=colorForetype=colorvalue=#4169e1> Backgroundcolor:<inputid=colorBacktype=colorvalue=#ffffff><br> Outside-bordercolor:<inputid=colorOuttype=colorvalue=#cd5c5c> Inside-bordercolor:<inputid=colorIntype=colorvalue=#191970> </div> <buttonid=qrgen>生成</button> </div> <divid=qrcode></div> <scriptsrc="http://files.cnblogs.com/webers/take.js"></script> </body>
以上4种方法,第3种最简单,第二种是我推荐的,自由度大些,小伙伴根据自己的需求来选择吧