js生成二维码的本人只知道两种,可以下载,第一种本来下载不了的我试了一下,还是可以把它下载一下来的,基本和第二种的方法一样。
qrcode二维码
<div id="qrcode"></div>//这个是html部分
<a id="download" download="test.jpg"></a>
<input type="button" id="down" value="下载">
var qrcode = new QRCode(document.querySelector('#qrcode'),{
width : 96,//设置二维码的宽高
height : 96
});
qrcode.makeCode("http://www.baidu.com/");//按地址生成二维码
var url = $('#qrcode canvas').toDataURL('image/jpeg');
//转成jpg图片
$('#down').click(function(){
$("#download").attr('href', url);
})//下载
jquery.qrcode
<div id="qrcode"></div>
<a id="download" download="test.jpg"></a>
<input type="button" id="save" value="save" />
<script src="js/jquery.qrcode.min.js"></script>
jQuery('#qrcode').qrcode({width: 96,height: 96,text:"http://www.baidu.com"});
$("#save").click(function(){
var canvas = $('#qrcode').find("canvas").get(0);
var url = canvas.toDataURL('image/jpeg');
$("#download").attr('href', url).get(0).click();
return false;
});