Skip to content

fix(ticket): render the QR code as SVG so it survives PNG export - #74

Merged
Atesta103 merged 1 commit into
mainfrom
dev
Jul 24, 2026
Merged

fix(ticket): render the QR code as SVG so it survives PNG export#74
Atesta103 merged 1 commit into
mainfrom
dev

Conversation

@Atesta103

Copy link
Copy Markdown
Owner

The downloaded ticket was missing its QR code. html-to-image captures a node by serializing the DOM/SVG tree; a 's pixels are painted imperatively by JS and aren't part of that tree, so QRCodeCanvas's output could be missed or race the capture — a known limitation of DOM-to-image tools with canvas content.

Swaps QRCodeCanvas for QRCodeSVG (both exported by the already-installed qrcode.react). An SVG element serializes natively as part of the node being captured, with no special-case pixel-copying or timing dependency.

The downloaded ticket was missing its QR code. html-to-image captures a
node by serializing the DOM/SVG tree; a <canvas>'s pixels are painted
imperatively by JS and aren't part of that tree, so QRCodeCanvas's
output could be missed or race the capture — a known limitation of
DOM-to-image tools with canvas content.

Swaps QRCodeCanvas for QRCodeSVG (both exported by the already-installed
qrcode.react). An SVG element serializes natively as part of the node
being captured, with no special-case pixel-copying or timing dependency.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
waitlight Ready Ready Preview, Comment Jul 24, 2026 12:40pm

@Atesta103
Atesta103 merged commit 8cfb200 into main Jul 24, 2026
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant