vue3使用jsQR解析二维码

1.了解jsQR

jsQR是一个纯javascript脚本实现的二维码识别库,不仅可以在浏览器端使用,而且支持后端node.js环境。jsQR使用较为简单,有着不错的识别率。

2.效果图

请添加图片描述

3.二维码

在这里插入图片描述

4.下载jsqr

npm i -d jsqr

5.代码

<script setup>
import {
    ref } from 'vue'
import jsQR from "jsqr";

const codeVal = ref('');

function decodeQRCode(image) {
   
  //创建画布
  const canvas = document.createElement('canvas');
  const context = canvas.getContext('2d');
  canvas

相关推荐

  1. 前端如何识别上传的---jsQR

    2024-04-10 13:48:02       19 阅读
  2. 使用 Vue 3 和 qrcode.js 开发显示组件

    2024-04-10 13:48:02       8 阅读
  3. Vue中生成使用现有的库qrcode

    2024-04-10 13:48:02       12 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-10 13:48:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-10 13:48:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-10 13:48:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-10 13:48:02       20 阅读

热门阅读

  1. 【docker-compose】安装及配置

    2024-04-10 13:48:02       14 阅读
  2. 牛客错题整理——C++

    2024-04-10 13:48:02       13 阅读
  3. 正则表达式

    2024-04-10 13:48:02       15 阅读
  4. 正则表达式简介

    2024-04-10 13:48:02       15 阅读
  5. Element Plus的deep穿透

    2024-04-10 13:48:02       15 阅读
  6. 计算机的各种转换

    2024-04-10 13:48:02       11 阅读
  7. SpringBoot中ApplicationEvent的用法

    2024-04-10 13:48:02       16 阅读