- Support
gradient
props for QRCode.
- Support logo image for Qrcode.
- Exports separate
QrcodeCanvas
andQrcodeSvg
components
Direct references to QrcodeVue
in common.js and cdn now require the default
field:
const QrcodeVue = require('qrcode.vue').default
const { default: QrcodeVue, QrcodeCanvas, QrcodeSvg } = require('qrcode.vue')
<!--With HTML-->
<div id="root">
<p class="flex space-x">
<qrcode-vue :value="test" render-as="svg"></qrcode-vue>
<qrcode-canvas :value="test"></qrcode-canvas>
<qrcode-svg :value="test" :image-settings="imageSettings"></qrcode-svg>
</p>
<p><input v-model="test" /></p>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@3.5/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/qrcode.vue@3.5/dist/qrcode.vue.browser.min.js"></script>
<script>
Vue.createApp({
data() { return {
test: 'Hello World',
imageSettings: {
src: 'https://avatars.githubusercontent.com/u/15811268',
width: 30,
height: 30,
excavate: true,
},
}},
components: {
QrcodeVue: QrcodeVue.default,
QrcodeCanvas: QrcodeVue.QrcodeCanvas,
QrcodeSvg: QrcodeVue.QrcodeSvg,
},
}).mount('#root')
</script>
- Fixed TypeScript type export error.
- remove
qr.js
dependency, usenayuki/QR-Code-generator
instead.
- Fix document description error, adjust
renderAs
torender-as
.
- support typescript.
- Add support margin for QRcode.
- Support Vue 3
- Support generate Qrcode as svg.
- Perfect documentation.
- Add eslint check.
backingStorePixelRatio
is deprecated. more infomation CanvasRenderingContext2D.
- Use Vue render function, not use jsx.
- convert utf-16 to utf-8.