基础用法
<jtbc-qr-code content="https://blog.dafengge.net/jtbcdocs/"></jtbc-qr-code>
size 设置二维码大小 120，默认值 200
<jtbc-qr-code size="120" content="https://blog.dafengge.net/jtbcdocs/"></jtbc-qr-code>
param 属性
<jtbc-qr-code param="{"mode":"label","label":"J5","fontcolor":"red"}" content="https://blog.dafengge.net/jtbcdocs/"></jtbc-qr-code>
<jtbc-qr-code param="{"mode":"image","image":"/common/upload/jtbcdocs/2025/06/13/0948262f.png"}" content="https://blog.dafengge.net/jtbcdocs/"></jtbc-qr-code>
- render: image, 渲染模式。可选值canvas|image|svg，默认image。
- crisp: true, 设置为 false 二维码可能模糊
- mode: plain, 设置二维码中间是否需要渲染内容。可选值plain | label | image，默认值 plain
- minVersion: 1, 二维码版本。QR码从版本1到版本40共有四十个版本。版本1数据容量最小，版本四十容量最大。https://blog.csdn.net/gd2008/article/details/8509149
- ecLevel: L, 二维码纠错级别，可选值 'L', 'M', 'Q' or 'H'
- ratio: null, 设备像素比
- fill: #333, 二维码颜色
- back: '#fff', 背景色
- rounded：0，可选值 1 - 100， 设置圆角
- quiet: 0，闷声区，标准中规定标准QR码（Ver1-40）四周应有宽4个单位、微型QR码四周应有宽2个单位的区域颜色等效于QR码中白色点（light module），其中不能有图样或标记，以保证QR码清晰可识别。
- mode: plain, 可选值 'plain', 'label' or 'image'。用于设置二维码中间内容，label 文字，image 图片，plain 不设置
- mSize: 30， label or image 的大小。0 - 100
- mPosX: 50, 横向位置， 50 居中
- mPosY 50, 纵向位置， 50 居中
- label: 二维码上显示的文字内容
- fontname: 'sans', 文字字体
- fontcolor: '#333', 文字颜色
- image: null, 二维码上显示的图片
项目地址：https://github.com/lrsjng/kjua ， https://www.npmjs.com/package/kjua ， https://werthdavid.github.io/ngx-kjua/index.html，https://github.com/werthdavid/ngx-kjua#installation