vue将链接转换成二维码图片

npm install qrcode --save-dev

import QRCode from "qrcode";

getQRcode(linkUrl) {
      let opts = {
        errorCorrectionLevel: "L", //容错级别
        type: "image/png", //生成的二维码类型
        quality: 0.3, //二维码质量
        margin: 4, //二维码留白边距
        width: 256, //宽
        height: 256, //高
        text: "", //二维码内容
        color: {
          dark: "#000000", //前景色
          light: "#fff", //背景色
        },
      };
      QRCode.toDataURL(linkUrl, opts, (err, url) => {
        if (err) throw err;
        //将生成的二维码路径复制给data的QRImgUrl
        this.QRImgUrl = url;
        console.log(this.QRImgUrl);
      });
    },

你可能感兴趣的:(vue.js,前端,javascript)