生成二维码方法汇总
作者:hebedich 时间:2024-04-27 15:23:32
随着网络的迅速发展 发展 发展,二维码的应用将会越来越多。同时很多只是很平凡的二维码,请拿起你的手 把这个二维码 设计起来吧。下面分享了几个非常好的二维码设计。
二维码原理:
二维条码/二维码可以分为堆叠式/行排式二维条码和矩阵式二维条码。 堆叠式/行排式二维条码形态上是由多行短截的一维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);
function generateQRfromGoogle($chl,$widhtHeight ='150',$EC_level='L',$margin='0')
{
$url = urlencode($url);
echo '<img src="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/
<script type="text/javascript" src="http://sandbox.runjs.cn/uploads/rs/142/gjxgxu0g/qrgen.min.js"></script>
<div id=qrcode></div>
<script type="text/javascript">
qrcode(document.getElementById('qrcode'),{
data:'http://geraldl.net'
});
</script>
3. 图片接口
<img src="http://qrcoder.sinaapp.com?t=hello world">
4.demo 里面http://hxend.com/jsqrcode/test/ 代码
<!doctype html>
<html>
<head>
<title>QRCode</title>
<script type="text/javascript" src="http://files.cnblogs.com/webers/qrcode-light.js"></script>
<script type="text/javascript" src="http://files.cnblogs.com/webers/qrgen.js"></script>
</head>
<body>
<div>
<h1>二维码生成</h1>
<div>
图片: <img id=qrimg src=https://www.aspxhome.com/uploadfile/2014/1219/20141219081025437.png>
<label><input id=qrclearedges type=checkbox checked>清理边缘</label>
</div>
<div><input id=fimg type=file></div>
<div>文本: <textarea id=qrtext>http://www.btgoogle.com</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="http://files.cnblogs.com/webers/take.js"></script>
</body>
以上4种方法,第3种最简单,第二种是我推荐的,自由度大些,小伙伴根据自己的需求来选择吧
标签:生成二维码
0
投稿
猜你喜欢
fetch 使用及如何接收JS传值
2024-04-29 13:11:21
sqlserver数据库主键的生成方式小结(sqlserver,mysql)
2012-08-21 10:25:45
PHP html_entity_decode()函数讲解
2023-06-01 00:59:43
vue组件与复用详解
2024-04-09 10:46:57
python Zmail模块简介与使用示例
2023-07-23 23:42:37
python操作oracle的完整教程分享
2023-08-28 01:18:49
HTML的form表单和django的form表单
2021-08-03 07:04:42
Python列表元素删除和remove()方法详解
2023-04-07 08:48:54
SQLServer2008存储过程实现数据插入与更新
2024-01-19 06:01:21
使用MySQL内建复制功能
2009-12-15 21:36:00
JavaScript调用ajax获取文本文件内容实现代码
2024-04-30 10:15:52
python如何给内存和cpu使用量设置限制
2021-03-04 00:43:00
python中字典dict排序sorted的实现
2023-02-20 13:21:45
Django实现图片上传功能步骤解析
2022-06-25 19:35:43
Python可视化神器pyecharts绘制桑基图
2022-04-06 16:36:41
Python全排列操作实例分析
2023-08-24 20:17:54
详解 Go 语言中 Map 类型和 Slice 类型的传递
2024-05-29 22:07:11
sql server中错误日志errorlog的深入讲解
2024-01-23 11:57:58
PHP中的traits实现代码复用使用实例
2023-11-22 04:27:55
Python语法学习之进程池与进程锁详解
2021-09-01 23:16:17