vueqrcode生成二维码base64图片
vueqrcode⽣成⼆维码base64图⽚在项⽬中需要使⽤链接⽣成⼆维码合成⼀张海报,⼆维码图⽚是⼀张base64的图⽚格式
1.引⼊ qrcode
import QRCode from "qrcode";
2.html 书写
<div class="qrcode_box">
<img class="qrcode_canvas"  ref="qrcode_canvas" alt="" :src='qrcodeImage'  />
爱情笑话短信<canvas :width="qrSize" :height="qrSize" class="canvas" ref="canvas" ></canvas>
</div>
3. 定义
data(){
win10激活码return{
qrSize: 128,
qrcodeImage:'',
bQrUrl:'editor.csdn/md?articleId=107939047' //链接
};
}
4.⽣成
qrcodeToData Url(){
复兴号和和谐号有什么区别let qrcode_canvas = this.$refs.qrcode_canvas;
let canvas = this.$refs.canvasImg;
let bQrUrl=this.bQrUrl;
const that = this;
bQrUrl,
{errorCorrectionLevel:"H"},
(err, url) =>{四喜豆腐是哪里的菜系
excel打开很慢let qrcode_canvas = new Image();
ssOrigin = 'anonymous';
qrcode_canvas.src = url;
let ctx = Context("2d");
load = () =>{
let scale = 2;
canvas.width = that.qrSize*scale;
手工盲盒怎么做
canvas.height = that.qrSize*scale;
ctx.fillStyle = "#fff";
ctx.fillRect(0, 0, canvas.width , canvas.height );
ctx.drawImage(qrcode_canvas, 0, 0, canvas.width, canvas.width);
let cSrc = Data URL('image/jpeg');
that.qrcodeImage = cSrc;
}
}
);
},
拜托！ 点个赞呗

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。