UDN-企业互联网技术人气社区

板块导航

浏览  : 1635
回复  : 1

[文档] 生成二维码的 jQuery 插件:jquery.qrcode.js

[复制链接]
刘莉莉11的头像 楼主
发表于 2015-8-18 13:57:03 | 显示全部楼层 |阅读模式
jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K。

jquery.qrcode.js 使用

1. 加载 jQuery 和 jquery.qrcode.js:
  1. <script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>
  2. <script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
复制代码
2. 创建一个用于包含 QRcode 图片的 DOM 元素,比如 div:
  1. <div id="qrcode"></div>
复制代码
3. 然后通过下面代码生成 QRcode:
  1. jQuery('#qrcode').qrcode("http://blog.wpjam.com");
复制代码
4. 默认生成的二维码大小是 256×256,当然可以自定义大小:
  1. jQuery('#qrcode').qrcode({width: 64,height: 64,text: "http://blog.wpjam.com"});
复制代码
jquery.qrcode.js 演示

1. Canvas 方式渲染
QQ截图20150818135717.png


2. Table 方式渲染,并加了 1px 描边。
QQ截图20150818135727.png



发表于 2018-7-13 16:39:21 | 显示全部楼层
厉害了
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部