基于qrious生成二维码。

发表于 | 更新于: | 分类于
字数统计: 160字 | 阅读时长 ≈ 1分钟

基于qrious生成二维码。

1
npm i --save qrious

代码示例

1
<canvas id="qr"></canvas>
1
2
3
4
this.qr = new QRious({
    element: document.getElementById('qr'),
    value: this.value
  });

注意

默认 QRModule 并没有强制依赖 qrious，因此还需要额外在 angular.json 的 scripts 节点引用它。

1
2
3
"scripts": [
  "node_modules/qrious/dist/qrious.min.js"
]

示例

鹿途管理系统——插件工坊——二维码

api

参数 说明 类型 默认值
background 背景 string “white”
backgroundAlpha 背景透明级别，范围：0-1 之间 number 1.0
foreground 前景 string white
foregroundAlpha 前景透明级别，范围：0-1 之间 number 1.0
padding 内边距（单位：px） number 10
size 大小（单位：px） number 220
0%