vue-qrious
a vue component of generating qrcode with qrious
Notice
Since qrious has been split into multiple modules from 4.0.0 (neocotic/qrious#53), so if your are using es module with webpack or rollup, remember to add an alias/replacement-plugin from module qrious
to node-qrious
on node/server environment.
Or you can manually choosing files in vue-qrious/dist
folder as following.
- vue-qrious.browser.js
- vue-qrious.browser.min.js
- vue-qrious.js
- vue-qrious.min.js
Demo
https://JounQin.github.io/vue-qrious/
Usage
<qrious value="https://blog.1stg.me/"/>
Available Props
prop | type | default value |
---|---|---|
background |
string (CSS color) |
"#ffffff" |
backgroundAlpha |
number (0.1-1.0) |
1.0 |
foreground |
string (CSS color) |
"#000000" |
foregroundAlpha |
number (0.1-1.0) |
1.0 |
level |
string ("L", "M", "Q", "H") |
"L" |
mime |
string ("image/png", "image/jpeg") |
"image/png" |
padding |
number |
null |
size |
number |
100 |
value |
string |