前端简单使用二维码

二维码生成用 qrious

- import qrious from "qrious";

   const qr = new qrious({
            element: document.getElementById("qrCode"),
            value: res.data,
            level: "H",
            size: 35,
          });

二维码识别用 qrcodeParser

import qrcodeParser from "qrcode-parser";

   	let video = document.getElementById("video");    //获取摄像头拍的图片的dom
      let canvas = document.getElementById("canvas");//创建canvas
      let ctx = canvas.getContext("2d");
      ctx.drawImage(video, 0, 0, 300, 160); //把dom绘制到 canvas上
      let img = canvas.toDataURL();//生成base64图片  (摄像头拍的带二维码的图片)
      qrcodeParser(img).then((res=>{}) //识别