生成二维码方法汇总_javascript技巧
程序员文章站
2022-04-13 08:15:31
...
随着网络的迅速发展 发展 发展，二维码的应用将会越来越多。同时很多只是很平凡的二维码，请拿起你的手 把这个二维码 设计起来吧。下面分享了几个非常好的二维码设计。
$urlToEncode="http://www.csd2n.net";//要生成二维码的网址
generateQRfromGoogle($urlToEncode);
function generateQRfromGoogle($chl,$widhtHeight ='150',$EC_level='L',$margin='0')
{
$url = urlencode($url);
echo '
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网址查询最新接口
}
?>
">http://sandbox.runjs.cn/uploads/rs/142/gjxgxu0g/qrgen.min.js">>
http://qrcoder.sinaapp.com?t=hello world">
QRCode
">http://files.cnblogs.com/webers/qrcode-light.js">>
">http://files.cnblogs.com/webers/qrgen.js">>
图片:
Foreground color:
Background color:
Outside-border color:
Inside-border color:
">http://files.cnblogs.com/webers/take.js">>
二维码原理：
二维条码/二维码可以分为堆叠式/行排式二维条码和矩阵式二维条码。 堆叠式/行排式二维条码形态上是由多行短截的一维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 '
}
?>
2..js代码 转换为 canvas （重点）
demo: http://hxend.com/jsqrcode/test/
复制代码 代码如下:
">http://sandbox.runjs.cn/uploads/rs/142/gjxgxu0g/qrgen.min.js">>
3. 图片接口
复制代码 代码如下:
4.demo 里面http://hxend.com/jsqrcode/test/ 代码
复制代码 代码如下:
">http://files.cnblogs.com/webers/qrcode-light.js">>
">http://files.cnblogs.com/webers/qrgen.js">>
二维码生成
图片:
文本:
大小:
| 效果: | |||
| 液体 | 方块 | 圆 | |
Foreground color:
Background color:
Outside-border color:
Inside-border color:
">http://files.cnblogs.com/webers/take.js">>
以上4种方法，第3种最简单，第二种是我推荐的，*度大些，小伙伴根据自己的需求来选择吧