前端生成二维码 jquery.qrcode.js
2016-04-06 22:41
816 查看
用jquery的二维码插件:jquery.qrcode.js
官方简介:jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K。
2. 创建一个用于包含 QRcode 图片的 DOM 元素,比如 div:
3. 然后通过下面代码生成 QRcode:
4. 默认生成的二维码大小是 256×256,当然可以自定义大小:
本文转自:http://blog.wpjam.com/m/jquery-qrcode/
官方简介:jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K。
jquery.qrcode.js 使用
1. 加载 jQuery 和 jquery.qrcode.js:<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script> <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
2. 创建一个用于包含 QRcode 图片的 DOM 元素,比如 div:
<div id="qrcode"></div>
3. 然后通过下面代码生成 QRcode:
jQuery('#qrcode').qrcode("http://blog.wpjam.com");
4. 默认生成的二维码大小是 256×256,当然可以自定义大小:
jQuery('#qrcode').qrcode({width: 64,height: 64,text: "http://blog.wpjam.com"});
本文转自:http://blog.wpjam.com/m/jquery-qrcode/
相关文章推荐
- jquery之重写(扩展)$.ajax和$.fn.load等方法详解
- jquery使用注意事项总结1
- jQuery UI添加效果
- Jquery和JS的区别
- jQuery ——callback和Chaining
- jQuery UI之手风琴
- jQuery 效果(2)——停止动画
- jQuery的效果
- a毛 jquery 学习记 3 常规选择器(4)
- jQuery选择器及jQuery事件
- jQuery 语法
- Jquery认识 和 jQuery教程
- JavaScript DOM对象和JQuery对象相互转换
- jquery-通过下拉菜单更改input日期
- jQuery和dom的相互转换
- 说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
- 使用jQuery实现单选框和复选框以及select
- jquery中未来元素的DOM操作用法-on
- JavaScript/JQuery] AJAX机制详解以及跨域通信
- 两种常用的jquery事件加载的方法 的区别