基於HTML5 Canvas的純JS二維碼生成外掛--qrious
阿新 • • 發佈：2018-12-22
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.ldy.cn' }); </script> </body> </html>
執行效果：
