<canvas id="qrcode"></canvas><!--生成二维码-->
<div id="imgcode"></div><!--生成图片-->
var QRCode = require('qrcode');
getErCode(item){//生成二维码
    let that=this;
    that.url=item.url;
    that.$nextTick(function() {
        let canvas=document.getElementById('qrcode');
        let imgcode=document.getElementById('imgcode');
        imgcode.innerHTML='';//防止多次生成图片地址不变
        QRCode.toCanvas(canvas,item.url,{
            margin: 4, //二维码内边距,默认为4。单位px
            height: 240, //二维码高度
            width: 240, //二维码宽度
        },error=>{
            var image = new Image();     //实例一个img
            image.src = canvas.toDataURL("image/png");  //转换成base64格式路径的png图片
            image.style.width = "100%";    //设置样式
            imgcode.appendChild(image);     //添加到容器中
            canvas.style.display = "none";   //隐藏掉canvas
        })
    })
}

太羽
361 声望6 粉丝

但行好事,莫问前程!


引用和评论

0 条评论