前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >生成二维码的 jQuery 插件:jquery.qrcode.js

生成二维码的 jQuery 插件:jquery.qrcode.js

作者头像
Denis
发布2023-04-15 10:43:31
1.5K0
发布2023-04-15 10:43:31
举报
文章被收录于专栏:WordPress果酱

jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,比如最近 Google 服务在国内访问不稳就造成我好几个网站的 QRcode 不能使用,并且压缩之后大小小于 4K。

jquery.qrcode.js 使用

1. 加载 jQuery 和 jquery.qrcode.js:

代码语言:javascript
复制
<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:

代码语言:javascript
复制
<div id="qrcode"></div>

3. 然后通过下面代码生成 QRcode:

代码语言:javascript
复制
jQuery('#qrcode').qrcode("http://blog.wpjam.com");

4. 默认生成的二维码大小是 256x256,当然可以自定义大小:

代码语言:javascript
复制
jQuery('#qrcode').qrcode({width: 64,height: 64,text: "http://blog.wpjam.com"});

jquery.qrcode.js 演示

1. Canvas 方式渲染

2. Table 方式渲染,并加了 1px 描边。


本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • jquery.qrcode.js 使用
  • jquery.qrcode.js 演示
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档