js生成带参的二维码

最近项目中有需求生成带参的二维码，考虑过用JAVA后台生成返回前端展示，后面了解到用jquery的qrcode.js插件可以很好现实

引入js：

require.config({
        baseUrl : "/",
        paths: {
            jquery:'plugin/jquery/jquery-3.1.0.min',
            qrcode:'plugin/qrcode/qrcode'
        }
    });

    require(
        [
            'jquery',
            'qrcode'
        ], 
        function($){
            xxxx..
        }
    )

待渲染的dom:

<div id="qrcodeCanvas"></div>

 

初始化二维码：

$('#qrcodeCanvas').qrcode({  
              text: "http://h5.sztoda.cn/base/login",
              background: "#CCC",//背景
              foreground: "#FFF",//前景
              width: 100,//宽
              height: 100,//高
   });  

值得注意的是，“text”如果是链接且需要自动跳转，只需带上http://开头即可

效果图：

 

 参考：

qrcode.js下载地址 http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js

转载于:https://www.cnblogs.com/liliangel/p/5938596.html