web端实现二维码扫码记录

zxz_learn

于 2021-02-01 11:54:11 发布

阅读量1.5k

点赞数 3

分类专栏：记录文章标签： js css

本文链接：https://blog.csdn.net/zxz_learn/article/details/113505523

版权

本文介绍了如何在web端实现二维码扫描功能，通过引入reqrcode.js库，并提供了关闭摄像头及模拟微信扫描的CSS样式方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

web端实现二维码扫描功能

引入reqrcode.js https://gitee.com/weijunw/erweima/blob/master/erweima-jiexi-demo/reqrcode.js

 <canvas
    id="qr-canvas"
    width="800"
    height="600"
    style="width: 200px; height: 200px; display: none"
  ></canvas>
  <div class="code-bg">
    <video
      ref="video"
      controls="controls"
      id="video"
      preload="auto"
      autoplay
    ></video>
    <div class="line"></div>
  </div>
  mounted() {
   
    this.canvas = document.getElementById("qr-canvas");
    this.context = this.canvas.getContext("2d");
    this.getVideo();
  },
  getVideo() {
   
      let self = this;
      navigato

最低0.47元/天解锁文章