jquery.qrcode.min.js 是一款基于 jquery 便当生成二维码图片的小插件。该插件兼容主流阅读器:IE9~11, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile。最近刚好运用到它,简单学习了下如何运用,这里简单记载一下,以便备查。
和一切 js 文件一样,在运用之前我们需求先引入它,引入代码如下,请自行确保曾经引入 jquery.min.js 文件。
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
然后是一些详细的操作办法。
根底运用
普通状况下我们只需求创立一个 DOM 元素,然后将需求生成二维码的参数经过 js 代码传入进去生成即可:
创立 DOM 元素
<div id="qrcode"></div>
JS 生成二维码
<script> jQuery(document).ready(function(){ $('#qrcode').qrcode("https://blog.quietguoguo.com/"); }); </script>
留意:需求生成中文字符的二维码需求运用 encodeURI 对输入的文本参数停止转码。
高级操作
假如需求自定义调整二维码的生成方式,大小,颜色等信息可参考如下设置:
<script> jQuery(document).ready(function(){ $('#qrcode').qrcode({ render:"canvas", // 可切换为 table,默许 canvas width: 100, // 宽度,单位 px height: 100, // 高度,单位 px foreground: "#f00", // 前风光 background: "#fff", // 背风光 correctLevel: 0, // 纠错等级 0 1 2 3 text: "https://blog.quietguoguo.com/" // 需求消费二维码的文本内容 }); }); </script>
感谢您的来访,获取更多精彩文章请收藏本站。
![](https://www.gyzsq.com/wp-content/uploads/2022/07/9259adea4619.gif)
© 版权声明
本站网络名称:
孤勇者社区
本站永久网址:
https://www.gyzsq.com
网站侵权说明:
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ324470778删除处理。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
喜欢就支持一下吧
相关推荐
评论 共1条
![头像](/wp-content/themes/zibll/img/avatar-default.png)
欢迎您留下宝贵的见解!
- 最新
- 最热
只看作者