实现步骤:
1、将URL以二维码形式通过canvas显示在网页上
2、将canvas的内容转换为base64
3、用转换后的内容设置为Image的src
4、清空包含canvas的div,追加 Imagea对象
function getQrcode(url,qrcode_with=300,qrcode_height=300){
//第1步在canvas中渲染URL --》》》二维码
$("#qrImg").qrcode({
render: "canvas",
width:300,
height:300,
text: decodeURIComponent(url) //
});
$('#img-load').hide();
$('#qrImg').find('canvas').css({'width':qrcode_with,'height':qrcode_height});
//第2步
var img = new Image();
img.src = $('#qrImg').find('canvas')[0].toDataURL("image/png"); //重要:Jquery必须用 [0] 来获取canvas对象,要不然获取到的是:obj对象
$('#qrImg').html("").append(img);
}