解决qrcode2在android手机上无法长按识别二维码

二维码识别原理我们可以知道客户端是检测网页的img标签内进行长按操作时,会立刻截屏并且启动二维码识别算法
我曾尝试显示qrcode2生成的img标签,但是无效,所以只能将qrcode2生成的base64放在我自己的img里面

  methods: {
    qrcodeScan () {
      shareCheck().then((result) => {
        let res = result.data
        if (res.code === 1) {
          // eslint-disable-next-line no-new
          new QRCode(this.$refs.qrcode, {
            text: res.msg,
            // width: 100,
            // height: 100,
            // colorDark : "#000000",
            // colorLight : "#ffffff",
            correctLevel: QRCode.CorrectLevel.H // 二维码容错级别 H M L
          })
        }
        this.$nextTick(() => {
          let myCanvas = document.getElementsByTagName('canvas')[0]
          let img = this.CanvasToImage(myCanvas)
          img.style.width = '100%'
          img.style.height = '100%'
          // console.log(img)
          let box = document.getElementsByClassName('qrcode')[0]
          box.append(img)
        })
      })
    },
    CanvasToImage (canvas) {
      let image = new Image()
      image.src = canvas.toDataURL('image/png')
      return image
    }
  }

class="qrcode"是我们创造的img盒子
在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值