二維碼生成小demo
阿新 • • 發佈:2021-01-20
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 |
"" |
需要編碼為二維碼的值 |
新建一個test.html
複製下面的程式碼雙擊執行即可生成一張二維碼
<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:'https://www.cnblogs.com/binghuaZhang/' }); </script> </body> </html>
、
附:qrious外掛下載地址
https://pan.baidu.com/s/1HU_W9svOBCzigx-F-mKEUw
提取碼:1234