alvin/Spik-en-span
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Spik-en-span.git synced 2026-03-06 21:36:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

Enhance QR code generation and scanner UI: increase QR code size, improve scanner layout, and add video element styling

Browse Source
This commit is contained in:
vista-man
2025-04-10 20:15:56 +02:00
parent dac3e925c0
commit f4cc70f5bb
4 changed files with 21 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
qr/qr.html
View File

@@ -9,13 +9,14 @@
<script src="https://rawgit.com/sitepoint-editors/jsqrcode/master/src/qr_packed.js"></script>
</head>
<body>
<div class="container mt-5">
<h1 class="text-center">QR Scanner Page</h1>
<div class="container mt-5 text-center">
<h1 class="text-center">QR Scanner</h1>
<a id="btn-scan-qr">
<img src="https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2017/07/1499401426qr_icon.svg">
<img src="https://dab1nmslvvntp.cloudfront.net/wp-content/uploads/2017/07/1499401426qr_icon.svg" alt="QR Icon">
</a>
<canvas hidden="" id="qr-canvas"></canvas>
<div id="qr-result" hidden="">
<video id="video" hidden autoplay playsinline></video>
<canvas hidden id="qr-canvas"></canvas>
<div id="qr-result" hidden>
<b>Data:</b> <span id="outputData"></span>
</div>
</div>