您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery | 小程序 |

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

51自学网 2022-02-21 13:39:14
  javascript

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

下载: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-qrcodePage({    /**     * 页面的初始数据     */    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的文章就介绍到这了,更多相关微信小程序 二维码生成工具内容请搜索51zixue.net以前的文章或继续浏览下面的相关文章希望大家以后多多支持51zixue.net!


下载地址:
Vue 实现穿梭框功能的详细代码
Vue3内置组件Teleport使用方法详解
万事OK自学网:51自学网_软件自学网_CAD自学网自学excel、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。