Merge pull request #5 from thekuwayama/download_button

feat: add download button
thekuwayama · Nov 16, 2024 · ef12aa2 · ef12aa2
2 parents d513b1f + d6265c3
commit ef12aa2
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/matter_qrcode_generator_wasm/www/index.html b/matter_qrcode_generator_wasm/www/index.html
@@ -33,6 +33,7 @@
       <div></div>
       <div>
         <button id="print" type="button">print</button>
+        <button id="download" type="button" style="display:none">download</button>
       </div>
       <div></div>
 

diff --git a/matter_qrcode_generator_wasm/www/js/app.js b/matter_qrcode_generator_wasm/www/js/app.js
@@ -3,7 +3,7 @@ import init, {do_print_qr} from '../../pkg/matter_qrcode_generator_wasm.js'
 import '../css/style.css'
 
 // function
-export function print_qr() {
+export function printQR() {
     init().then(() => {
         const vid = parseInt(document.getElementById('vid').value)
         const pid = parseInt(document.getElementById('pid').value)
@@ -27,8 +27,22 @@ export function print_qr() {
         }
 
         document.getElementById('qr').innerHTML = qr
+        document.getElementById('download').style.display = ''
     })
 }
 
+export function downloadSVG() {
+    const svg = document.getElementById('qr').innerHTML
+    const blob = new Blob([svg.toString()])
+    const a = document.createElement('a')
+    a.download = 'qr.svg'
+    a.href = window.URL.createObjectURL(blob)
+
+    document.body.appendChild(a)
+    a.click()
+    a.remove()
+}
+
 // init
-document.getElementById('print').onclick = print_qr
+document.getElementById('print').onclick = printQR
+document.getElementById('download').onclick = downloadSVG