推荐这篇日记的豆列
······生成二维码方法汇总
投稿：hebedich
字体：[ ] 类型：转载 时间：
这篇文章主要汇总介绍了生成二维码方法的相关资料,需要的朋友可以参考下
随着网络的迅速发展 发展 发展，二维码的应用将会越来越多。同时很多只是很平凡的二维码，请拿起你的手 把这个二维码 设计起来吧。下面分享了几个非常好的二维码设计。
二维码原理：
二维条码/二维码可以分为堆叠式/行排式二维条码和矩阵式二维条码。 堆叠式/行排式二维条码形态上是由多行短截的一维5条码堆叠而成；矩阵式二维条码以矩阵的形式组成，在矩阵相应元素位置上用“点”表示二进制“1”， 用“空”表示二进制“0”，“点”和“空”的排列组成代码。
最近对二维码产生了兴趣 研究了一下二维码 这里生出的术语 qrcode& 容错性较高。
数据表示方法
深色模块表示二进制“1”，浅色模块表示二进制“0”。
· L级：约可纠错7%的数据码字
· M级：约可纠错15%的数据码字
· Q级：约可纠错25%的数据码字
· H级：约可纠错30%的数据码字
上面的设计 就很完美的利用了 qrcode的容错性，非常nice& 也非常有创意！！
1.google 接口
&&&&&&&&&&&&&& $urlToEncode="要生成二维码的网址
&&&&&&&&&&&&&& generateQRfromGoogle($urlToEncode);
&&&&&&&&&&&&&& function generateQRfromGoogle($chl,$widhtHeight ='150',$EC_level='L',$margin='0')
&&&&&&&&&&&&&& {
&&&&&&&&&&&&&& $url = urlencode($url);
&&&&&&&&&&&&&& echo '&img src="" alt="QR code" widhtHeight="'.$size.'" widhtHeight="'.$size.'"/&';//Google API接口，若失效可到Google网址查询最新接口
&&&&&&&&&&&&&& }
&&&&&&&&&&&&&& ?&
2..js代码 转换为 canvas （重点）
&script type="text/javascript" src="&
&&&&&&&&&&&&&& &div id=qrcode&&/div&
&&&&&&&&&&&&&& &script type="text/javascript"&
&&&&&&&&&&&&&& qrcode(document.getElementById('qrcode'),{
&&&&&&&&&&&&&&&&&& data:'http://geraldl.net'
&&&&&&&&&&&&&& });
&&&&&&&&&&&&&& &/script&
3. 图片接口
&img src=" world"&
4.demo 里面 代码
&!doctype html&
&&& &head&
&&&&&&& &title&QRCode&/title&
&&&&&&& &script type="text/javascript" src="&
&&&&&&& &script type="text/javascript" src="&
&&& &/head&
&&& &body&
&&&&&&& &div&
&&&&&&&&&&& &h1&二维码生成&/h1&
&&&&&&&&&&& &div&
&&&&&&&&&&&&&&& 图片: &img id=qrimg src=http://www.jb51.net/uploadfile/437.png&
&&&&&&&&&&&&&&& &label&&input id=qrclearedges type=checkbox checked&清理边缘&/label&
&&&&&&&&&&& &/div&
&&&&&&&&&&& &div&&input id=fimg type=file&&/div&
&&&&&&&&&&& &div&文本: &textarea id=qrtext&&/textarea&&/div&
&&&&&&&&&&& &div&大小: &input id=cellSize type=range min=2 max=10 value=6&&/div&
&&&&&&&&&&& &table&
&&&&&&&&&&&&&&& &tr&
&&&&&&&&&&&&&&&&&&& &td rowspan=2&效果:&/td&
&&&&&&&&&&&&&&&&&&& &td colspan=3&&input id=cellEffect type=range min=-50 max=50 step=5 value=0&&/td&
&&&&&&&&&&&&&&& &/tr&
&&&&&&&&&&&&&&& &tr id=cellEffectStops&
&&&&&&&&&&&&&&&&&&& &td align=left&&a href=# data=l&液体&/a&&/td&
&&&&&&&&&&&&&&&&&&& &td align=center&&a href=# data=s&方块&/a&&/td&
&&&&&&&&&&&&&&&&&&& &td align=right&&a href=# data=r&圆&/a&&/td&
&&&&&&&&&&&&&&& &/tr&
&&&&&&&&&&& &/table&
&&&&&&&&&&& &div&
&&&&&&&&&&&&&&& Foreground color: &input id=colorFore type=color value=#4169e1&
&&&&&&&&&&&&&&& Background color: &input id=colorBack type=color value=#ffffff&&br&
&&&&&&&&&&&&&&& Outside-border color: &input id=colorOut type=color value=#cd5c5c&
&&&&&&&&&&&&&&& Inside-border color: &input id=colorIn type=color value=#191970&
&&&&&&&&&&& &/div&
&&&&&&&&&&& &button id=qrgen&生成&/button&
&&&&&&& &/div&
&&&&&&& &div id=qrcode&&/div&
&&&&&&& &script src="&
&&& &/body&
以上4种方法，第3种最简单，第二种是我推荐的，自由度大些，小伙伴根据自己的需求来选择吧
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具电脑教程子分类前景色前景色渐变无渐变圆形渐变斜线渐变反斜线渐变水平渐变垂直渐变渐变色前景图背景色背景图&素材
液化二维码容错率外边距图片大小透明度旋转角度码眼外框码眼内框码眼样式LOGO图片原图
添加文字 确定&&&&
清除字体大小字体颜色效果默认文字效果描边内融合外融合拉伸3D效果发光字体-默认字体-宋体隶书黑体楷体_GB2312幼圆微软雅黑华文彩云方正舒体&素材
请使用《》完成模板美化，超过千款模板在线生成二维码 二维码内容设置类型文本微信/QQ/微博上传文件网址名片电话邮箱短信淘宝店铺或宝贝WIFI 无线网络万能码（图文编辑器）输入内容网址 必须（http://）开头名字手机工作电话家庭电话邮箱公司职位主页工作地址家庭地址备注QQ：手机/电话邮箱地址手机号码短信内容SSID/无线账号密码密码类型WPA/WPA2WEP无密码是否隐藏了SSID的网络iOS系统 ( App Store ID )安卓系统 ( 应用宝ID )输入淘宝店铺或宝贝网址生成淘宝二维码的好处微信禁止跳转淘宝店铺，普通二维码无法在微信中直接打开。Wwei二维码会自动提示，防止用户流失。上传图片，生成相册点击选择文件开始上传图片（jpg、jpeg、gif、png）文档（txt、doc/x、xls/x、ppt/x）媒体（mp3、mp4、flv、swf）附件（zip、rar、tar、gz、7z）单文件大小：50M，游客：5M&&&&&&&&超大文件请用 上传原二维码图片解析开始上传图片：jpg、jpeg、gif、png大小：2M使用活码 简化二维码，内容可修改 生成保存二维码提示：如果生成后又对二维码进行调整，需要再次保存，查看时需要刷新缓存( ctrl + f5 )&& 技巧提示：当设有LOGO、添加文字、遮档二维码而不能识别时，请调整提高" 格式
浏览器：目前支持　IE9+、谷歌浏览器、火狐浏览器等高级浏览器，其它用户请更新获得更好效果
8b,dPPYba,
88a8PPPP8b,
a8P_____88
"PPPPPP"88
8PP"""""""}