qrious是一款基于HTML5 Canvas的纯JS二维码生成插件。通过qrious.js可以快速生成各种二维码，你可以控制二维码的尺寸颜色，还可以将生成的二维码进行Base64编码。
qrious.js二维码插件的可用配置参数如下：
| 参数 |
类型 |
默认值 |
描述 |
| background |
String |
"white" |
二维码的背景颜色。 |
| foreground |
String |
"black" |
二维码的前景颜色。 |
| level |
String |
"L" |
二维码的误差校正级别(L, M, Q, H)。 |
| mime |
String |
"image/png" |
二维码输出为图片时的MIME类型。 |
| size |
Number |
100 |
二维码的尺寸，单位像素。 |
| value |
String |
"" |
需要编码为二维码的值 |
下面的代码即可生成一张二维码
| <html> <head> <title>二维码入门小demo</title> </head> <body> <img id="qrious"> <script src="qrious.min.js"></script> <script> var qr = new QRious({ element:document.getElementById('qrious'), size:250, level:'H', value:'http://www.itcast.cn' }); </script> </body> </html> |
运行效果：
大家掏出手机，扫一下看看是否会看到传智播客的官网呢？