oadmin/sub2api
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(frontend): lower QR code error correction level to reduce density

Browse Source 
Closes #1607
This commit is contained in:
erio
2026-04-13 14:06:44 +08:00
parent ad64190bec
commit 24f0eebcf7
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/payment/PaymentQRDialog.vue
View File

@@ -154,7 +154,7 @@ async function renderQR() {
await QRCode.toCanvas(qrCanvas.value, qrUrl.value, { await QRCode.toCanvas(qrCanvas.value, qrUrl.value, {
width: 220, width: 220,
margin: 2, margin: 2,
errorCorrectionLevel: logoSrc ? 'H' : 'M', errorCorrectionLevel: logoSrc ? 'M' : 'L',
}) })
if (!logoSrc) return if (!logoSrc) return
const canvas = qrCanvas.value const canvas = qrCanvas.value

2
frontend/src/components/payment/PaymentStatusPanel.vue
View File

@@ -199,7 +199,7 @@ async function renderQR() {
if (!qrCanvas.value || !qrUrl.value) return if (!qrCanvas.value || !qrUrl.value) return
await QRCode.toCanvas(qrCanvas.value, qrUrl.value, { await QRCode.toCanvas(qrCanvas.value, qrUrl.value, {
width: 220, margin: 2, width: 220, margin: 2,
errorCorrectionLevel: 'H', errorCorrectionLevel: 'M',
}) })
} }

4
frontend/src/views/user/PaymentQRCodeView.vue
View File

@@ -94,12 +94,12 @@ async function renderQR() {
await nextTick() await nextTick()
if (!qrCanvas.value || !qrUrl.value) return if (!qrCanvas.value || !qrUrl.value) return
// Use high error correction to support logo overlay // Use medium error correction to support logo overlay while keeping QR code scannable
const logoSrc = getLogoForType() const logoSrc = getLogoForType()
await QRCode.toCanvas(qrCanvas.value, qrUrl.value, { await QRCode.toCanvas(qrCanvas.value, qrUrl.value, {
width: 256, width: 256,
margin: 2, margin: 2,
errorCorrectionLevel: logoSrc ? 'H' : 'M', errorCorrectionLevel: logoSrc ? 'M' : 'L',
}) })
if (!logoSrc) return if (!logoSrc) return