微信小程序二维码生成工具 weapp-qrcode详解

 更新时间:2021年10月22日 16:07:20   作者:sanyekui  
这篇文章主要介绍了微信小程序 二维码生成工具 weapp-qrcode详解,教大家如何在项目中引入weapp-qrcode.js文件,通过实例代码给大家介绍的非常详细,需要的朋友可以参考下

微信小程序 - 二维码生成工具

下载:weapp-qrcode.js文件

github:https://github.com/Pudon/weapp-qrcode-base64

在项目中引入 weapp-qrcode.js 文件

js

const app = getApp();
const QR = require('../../lib/weapp-qrcode.js'); // 引入 weapp-qrcode

Page({
    /**
     * 页面的初始数据
     */
    data: {
        QrCodeURL:'', // 二维码图片路径
    },
    // 二维码
    drawImg: function (){
        let that = this,
            params = "https://www.baidu.com/";  // 二维码参数 

        var imgData = QR.drawImg(params, {
            typeNumber: 4,          // 密度
            errorCorrectLevel: 'L', // 纠错等级
            size: 800,              // 白色边框
        })
        
        this.setData({
            qrcodeURL: imgData
        })
    },
})

html

<view style="text-align:center;">
    <image style="width:500rpx;height:500rpx;" src="{{ qrcodeURL }}" ></image>
</view>

到此这篇关于微信小程序 二维码生成工具 weapp-qrcode的文章就介绍到这了,更多相关微信小程序 二维码生成工具内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • JavaScript表单验证示例详解

    JavaScript表单验证示例详解

    这篇文章主要为大家详细介绍了JavaScript表单验证示例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 在JavaScript中使用mqtt.js的详细过程

    在JavaScript中使用mqtt.js的详细过程

    这篇文章主要介绍了在JavaScript中使用mqtt.js的相关知识,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-04-04
  • JavaScript内置对象math,global功能与用法实例分析

    JavaScript内置对象math,global功能与用法实例分析

    这篇文章主要介绍了JavaScript内置对象math,global功能与用法,结合实例形式分析了javascript中内置对象math与global的基本概念、功能及使用方法,需要的朋友可以参考下
    2019-06-06
  • javascript结合Canvas 实现简易的圆形时钟

    javascript结合Canvas 实现简易的圆形时钟

    本文给大家分享的是javascript结合Canvas 实现简易的圆形时钟,主要是对自己前段时间学习html5的canvas的一次小检验,这里推荐给小伙伴们,有需要的可以参考下。
    2015-03-03
  • JavaScript制作简易的微信打飞机

    JavaScript制作简易的微信打飞机

    这篇文章主要介绍了JavaScript制作简易的微信打飞机,只有简单的功能,大神们可以自由扩展哈。有需要的小伙伴可以参考下。
    2015-03-03
  • 详谈innerHTML innerText的使用和区别

    详谈innerHTML innerText的使用和区别

    下面小编就为大家带来一篇详谈innerHTML innerText的使用和区别。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 利用js对象弹出一个层

    利用js对象弹出一个层

    用js实现弹出层效果,一般用于代替alert
    2008-03-03
  • 深入了解JavaScript中的new关键字

    深入了解JavaScript中的new关键字

    手写new是JS面试题高频考点,实现代码也非常简单,但在实现后小编对其为什么要这样设计有着很深的疑惑,今天就来讲一下为什么要这样设计new的实现吧
    2023-05-05
  • 如何写JS数组sort的比较函数

    如何写JS数组sort的比较函数

    我们知道,数组的sort方法可以对数组元素进行排序,默认是按ASCII字母表顺序排序。如果要根据其他的顺序排序就需要为sort方法提供一个比较函数作为参数。这里讲的就是如何写这个比较函数。
    2010-07-07
  • JavaScript操作Cookie方法实例分析

    JavaScript操作Cookie方法实例分析

    这篇文章主要介绍了JavaScript操作Cookie方法,实例分析了javascript针对cookie操作的相关技巧,需要的朋友可以参考下
    2015-05-05

最新评论