IT4Change/gradido
3
0
Fork 0
mirror of https://github.com/IT4Change/gradido.git synced 2025-12-13 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(frontend): add link to download QR-Code

Browse Source
This commit is contained in:
elweyn 2023-03-24 12:23:32 +01:00
parent df87f9c105
commit b3d935af4a
1 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/QrCode/FigureQrCode.vue
View File

@ -1,7 +1,10 @@
<template> <template>
<div class="figure-qr-code"> <div class="figure-qr-code">
<div class="qrbox"> <div class="qrbox">
<q-r-canvas :options="options" class="canvas" /> <q-r-canvas :options="options" class="canvas mb-4" id="qrcanvas" />
<a id="download" download="GradidoLinkQRCode.png" href="" @click="downloadImg(this)">
{{ $t('download') }}
</a>
</div> </div>
</div> </div>
</template> </template>
@ -37,6 +40,13 @@ export default {
} }
} }
}, },
methods: {
downloadImg() {
const canvas = document.getElementById('qrcanvas')
const image = canvas.toDataURL('image/png')
document.getElementById('download').href = image
},
},
} }
</script> </script>
<style scoped> <style scoped>