1、HTML部分设置代码:
<div id="code"></div>
2、包含jquery.qrcode.js(https://github.com/jeromeetienne/jquery-qrcode/blob/master/jquery.qrcode.min.js)
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
3、JS设置:
$("#code").qrcode({
//render: "canvas", //设置渲染方式:可不设置,默认canvas(table | canvas)
width: 200, //宽
height:200, //高
text: '二维码对应的内容',
background: "#FFDEB2", //背景色
foreground: "#D71618"//前景色
});
4、转为图片使用
var qrImg = new Image();
qrImg.src = document.getElementById("code").firstChild.toDataURL("image/jpg");
qrImg.onload = function(){
}
<div id="code"></div>
2、包含jquery.qrcode.js(https://github.com/jeromeetienne/jquery-qrcode/blob/master/jquery.qrcode.min.js)
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
3、JS设置:
$("#code").qrcode({
//render: "canvas", //设置渲染方式:可不设置,默认canvas(table | canvas)
width: 200, //宽
height:200, //高
text: '二维码对应的内容',
background: "#FFDEB2", //背景色
foreground: "#D71618"//前景色
});
4、转为图片使用
var qrImg = new Image();
qrImg.src = document.getElementById("code").firstChild.toDataURL("image/jpg");
qrImg.onload = function(){
}