使用jquery-qrcode生成二维码

qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式,可以到
https://github.com/jeromeetienne/jquery-qrcode
获取最新的代码。
如何使用
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.helloweba.com"); //任意字符串

高级属性:

$("#code").qrcode({ 
    render: "table", //table方式 
    width: 200, //宽度 
    height:200, //高度 
    text: "www.helloweba.com" //任意内容 
});
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,955评论 24 450
  • 最简单最实例的goolge开源方法,不过反应有点慢 1.google开放api 代码如下: 2.php类库PHP ...
    呦丶耍脾气阅读 12,347评论 0 1
  • 二维码已经渗透到生活中的方方面面,不管到哪,我们都可以用扫一扫解决大多数问题。二狗为了准备应对以后项目中会出现的二...
    AlbenXie阅读 305评论 0 1
  • 旧,长廊,凭栏而望,人在心上。折一枝杨柳,离者难忘。 长,街巷,人来人往,步履蹒跚。撑一把雨伞,匆匆忙忙。 破,戏...
    stirling豪子阅读 340评论 0 0
  • 不开心的时候还常常点进你的公众号 听听你从前的声音 今天打开发现被冻结了 关于你的一切 在媒体上一点点被删除 就像...
    Anitaanina阅读 359评论 1 4