生成二维码方法汇总
更新时间：2014年12月26日 09:48:53 投稿：hebedich
这篇文章主要汇总介绍了生成二维码方法的相关资料,需要的朋友可以参考下
随着网络的迅速发展 发展 发展，二维码的应用将会越来越多。同时很多只是很平凡的二维码，请拿起你的手 把这个二维码 设计起来吧。下面分享了几个非常好的二维码设计。
二维码原理：
二维条码/二维码可以分为堆叠式/行排式二维条码和矩阵式二维条码。 堆叠式/行排式二维条码形态上是由多行短截的一维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. 图片接口
复制代码 代码如下:
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.jb51.net/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种最简单，第二种是我推荐的，自由度大些，小伙伴根据自己的需求来选择吧
相关文章
表达式加上参数g之后，表明可以进行全局匹配，注意这里可以的含义。2010-11-11
TypeScript 是一种由微软开发的开源、跨平台的编程语言。它是 JavaScript 的超集，最终会被编译为 JavaScript 代码，关于TypeScript的安装、使用、自动编译很多朋友不是很清楚，今天抽空给大家普及下，感兴趣的朋友一起看看吧2021-06-06
在JavaScript中,有多种方法可以合并数组,本文主要介绍了8种方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感兴趣的可以了解一下2023-08-08
这篇文章主要介绍了JS求平均值的小例子，有需要的朋友可以参考一下2013-11-11
这篇文章主要介绍了通过js实现的网页自动刷新，利用此功能可制作节日倒计时效果,需要的朋友可以参考下2014-05-05
这篇文章主要为大家详细介绍了PhotoSwipe异步动态加载图片方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
这篇文章主要介绍了JavaScript在网页中画圆的函数arc使用方法的相关资料,需要的朋友可以参考下2015-11-11
这篇文章主要为大家详细介绍了JavaScript实现网页版贪吃蛇游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-07-07
下面小编就为大家带来一篇利用百度地图API获取当前位置信息的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，希望对大家有所帮助2017-11-11
JavaScript使用Promise封装Axios进行高效开发
这篇文章主要介绍了JavaScript使用Promise封装Axios进行高效开发，Axios是一个基于Promise的HTTP库，它可以帮助我们更方便地发起HTTP请求，并且提供了许多高级功能，感兴趣的同学可以参考下文2023-05-05
最新评论