/qrcode

基于快应用平台的qrcode二维码实现

Primary LanguageJavaScript

qrcode_quickapp

快应用中生成二维码，依赖快应用的canvas组件

使用方式

  1. 引入 dist 目录中 qrcode.js 包

    import qrcode from 'qrcode.js';

  2. 在页面中需要生成二维码位置创建 canvas 组件，并设置id

    <canvas id="qrcode"></canvas>

  3. 调用 qrcode(options: object) 方法

    qrcode({
  text: "https://doc.quickapp.cn/", // 需要生成的二维码字符串
},this.$element('qrcode'))

    options 参数说明：

    参数 类型 默认值 含义
    text string "" 要编码的字符串
    width number 300 二维码的宽，单位是px
    height number 300 二维码的高，单位是px
    correctLevel number 3 纠错级别，可取0、1、2、3，数字越大说明所需纠错级别越大x
    background color #FFFFFF 背景色
    foreground color #000000 前景色
    pdground color #000000 三个角的颜色
    image string "" 二维码中间logo的url
    imageSize number 30 二维码中间logo的大小

示例

示例参见 example 文件夹快应用项目Demo页面

源代码参见 src 文件夹

效果：