前端实现扫描二维码

生成

设计一下路径

graph TD
A[A1] --> C[B1]
B[A2] --> C
C --> D[C1]

在线二维码生成器：
互联二维码生成器_二维码在线制作_应用方案提供商

目标地点”A1” 作为文本
生成二维码：

然后利用本地存储存下已经走过的路径即可

---

可以将路径标记设计得更简洁一点：

graph TD
A1[0] --> B1[1]
A2[0] --> B1[1]
B1 --> C1[2]

---

解析

前端实现扫描和解析

参考
扫描二维码前端如何实现 | PingCode智库
vue3+vite+ts+vue3-qr-reader实现移动端h5+pc端调起摄像头核销二维码 - 廖客 - 博客园

发现一个不错的UI库：
安装 - Naive UI

移动端UI组件库：vant