美文网首页Vue
uQRCode 二维码生成插件

uQRCode 二维码生成插件

作者: w晚风 | 来源:发表于2020-07-17 13:53 被阅读0次

    在使用uni-app过程中需要生成二维码功能,主要是需在小程序里进行熏染。网上找了各种插件,最后去uni-app插件平台找到了这个

    uQRCode 是一款使用方式简单,易于扩展的二维码生成插件。
    特点是,
    1:可以用画布渲染,也可以通过返回图片路径熏染,解决了小程序了原生组件层级过高问题
    2:根据传入字符串的长短不会改变二维码的大小,边距留白也可自行设置,推荐使用

    使用方式

    在 script 中引用组件

    import uQRCode from '@/common/uqrcode.js'
    

    在 template 中创建 <canvas/>

    <canvas canvas-id="qrcode" style="width: 215px;height: 215px;" />
    

    在 script 中调用 make() 方法

    export default {
      methods: {
        make() {
          uQRCode.make({
            canvasId: 'qrcode',
            componentInstance: this,
            text: 'uQRCode',
            size: 215,
            margin: 10,
            backgroundColor: '#ffffff',
            foregroundColor: '#000000',
            fileType: 'jpg',
            correctLevel: uQRCode.defaults.correctLevel,
            success: res => {
              console.log(res)
            }
          })
        }
      }
    }
    

    https://ext.dcloud.net.cn/plugin?id=1287
    附上插件地址,如何使用,还有参数都写明了

    相关文章

      网友评论

        本文标题:uQRCode 二维码生成插件

        本文链接:https://www.haomeiwen.com/subject/vjjghktx.html