jQuery qrcode生成二维码的方法_jquery-js教程-PHP中文网

jQuery qrcode生成二维码的方法_jquery

php中文网

发布： 2016-05-16 15:06:43

原创

1721人浏览过

现在二维码越来越流行，很多网页都会有个二维码，扫描后可通过手机浏览。

以前做类似的项目一般是在网页上生成图片，然后把图片插入到网页。

这样做不能每个页面都生成二维码。

jquery-qrcode是一个能够在浏览器端生成二维码的jquery插件。它是独立的，最小压缩之后不足4k，也没有图片下载请求。引入该类库之后，只需要一行代码，就可以很容易在web页面加上二维码。

qrcode其实是通过使用jQuery实现图形渲染，画图，支持canvas（HTML5）和table两种方式，可以到

https://github.com/jeromeetienne/jquery-qrcode

获取最新的代码。

如何使用

bee餐饮点餐外卖小程序

bee餐饮点餐外卖小程序是针对餐饮行业推出的一套完整的餐饮解决方案，实现了用户在线点餐下单、外卖、叫号排队、支付、配送等功能，完美的使餐饮行业更高效便捷！功能演示：1、桌号管理登录后台，左侧菜单 “桌号管理”，添加并管理你的桌号信息，添加以后在列表你将可以看到 ID 和密钥，这两个数据用来生成桌子的二维码2、生成桌子二维码例如上面的ID为 308，密钥为 d3PiIY，那么现在去左侧菜单微信设置

查看详情

1、首先在页面中加入jquery库文件和qrcode插件

<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

登录后复制

2、在页面中需要显示二维码的地方加入以下代码：

<div id="code"></div>

登录后复制

3、调用qrcode插件

qrcode支持canvas和table两种方式进行图片渲染，默认使用canvas方式，效率最高，当然要浏览器支持html5

直接调用:

$('#code').qrcode("http://www.jb51.net.com"); //任意字符串

登录后复制

高级属性:

$("#code").qrcode({ 
render: "table", //table方式 
width: 200, //宽度 
height:200, //高度 
text: "www.helloweba.com" //任意内容 
});

登录后复制

大家都在看：

Javascript的代码规范如何制定_如何使用ESLint？怎样进行javascript类型检查_TypeScript有何优势？ javascript Cookie是什么_如何用它存储用户会话信息？ JavaScript中的ESLint是什么_它如何检查代码质量呢 javascript_如何实现模块化开发