js生成二维码 下载二维码 jquery.qrcode.min.js

HTML部分代码

<script src="query-1.10.2.min.js"></script>
<script src="jquery.qrcode.min.js"></script><!--生成二维码插件-->

<div id="code"></div>
<button onclick="xiazai()">下载二维码</button>

JS 部分代码

<script>
	$('#code').qrcode({ 
		render: "canvas", //canvas方式  table方式 
		width: 200, //宽度 
		height:200, //高度 
		text: 'https://www.baidu.com' //需要转为二维码的链接
	}); 

	function xiazai() {
		var data = $("canvas")[0].toDataURL().replace("image/png", "image/octet-stream;");
		var filename = "pic_name.png";
		var saveLink= document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
		saveLink.href = data;
		saveLink.download = filename;
		var event = document.createEvent('MouseEvents');
		event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
		saveLink.dispatchEvent(event);
	}
</script>