使用jquery.qrcode生成二维码

1、首先在页面中加入jquery库文件和qrcode插件

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

2、在页面中需要显示二维码的地方加入以下代码:

<div id="code"></div> 

3、调用qrcode插件。支持canvas和table两种方式进行图片渲染

canvas方式:

$('#code').qrcode("http://www.baidu.com"); //任意字符串 
或
var qrcode = new QRCode(document.getElementById("qrcode"), {
width: 180,
height: 180
});
qrcode.makeCode("http://www.baidu.com");

table方式:

$("#code").qrcode({ 
    render: "table", //table方式 
    width: 200, //宽度 
    height:200, //高度 
    text: "www.helloweba.com" //任意内容 
}); 

4、下载qrcode.js

下载qrcode.js

posted on 2019-07-12 16:21  码农弟  阅读(3821)  评论(2编辑  收藏  举报