码迷,mamicode.com
首页 > Web开发 > 详细

【JS插件】【3】生成二维码 jquery.qrcode.js

时间:2019-08-13 22:38:59      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:ack   方式   art   参考   img   targe   区域   blank   eve   

前言:

把带有参数的链接生成为二维码,一般用于推广

正文:

1,引入js文件

<script type="text/javascript" src="js/third/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/third/jquery.qrcode.min.js"></script>

2,HTML渲染区域(就是放二维码的地方)

<div >二 维 码:<span id="qrcode"></span></div>

3,js代码

注:有些博客说该插件生成二维码不支持加logo,有些说要加img标签。我这边试验是加图片路径就可以

jQuery(‘#qrcode‘).qrcode({
    text : "www.test.com?id=123",
    render : "canvas",//设置渲染方式  
    width : 112,     //设置宽度  
    height : 112,     //设置高度  
    src : ‘img/default.jpg‘, //logo图片
    typeNumber : -1,      //计算模式  
    correctLevel : QRErrorCorrectLevel.H,//纠错等级  
    background : "#ffffff",//背景颜色  
    foreground : "#000000", //前景颜色 
});

参考博客:

js jquery 生成二维码 jquery.qrcode.js,并在中间添加logo图片 - qq_24435837的博客 - CSDN博客
https://blog.csdn.net/qq_24435837/article/details/52745485

【JS插件】【3】生成二维码 jquery.qrcode.js

标签:ack   方式   art   参考   img   targe   区域   blank   eve   

原文地址:https://www.cnblogs.com/huashengweilong/p/11044105.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!