微信小程序生成二维码方法接口集合

需求

需求:可以支持自定义信息再生成二维码的需求

调用网络提供接口

1、jquery-qrcode.js

	在PC端对应的功能我们是利用jquery-qrcode.js来实现的,但是在小程序里不支持操作dom,所以这个插件就用不了啦

2、qrcode.js

	这个用在web网页开发可以,微信小程序不建议用这个

3、weapp-qrcode.js

	微信小程序推荐用这个接口

weapp-qrcode.js操作步骤

  1. 下载weapp-qrcode.js接口软件包

    https://codechina.csdn.net/mirrors/dillonlfy/weapp-qrcode?utm_source=csdn_github_accelerator
    
  2. 在小程序中引入weapp-qrcode.js,可以放在主目录下和app.js同目录,建议创建一个utils目录,放在这个下面

  3. 在需要用二维码的js页面引入weapp-qrcode.js

    var QRCode=require("../../utils/weapp-qrcode.js")
    
  4. wxml利用canvas画布画二维码

    <canvas class='canvas' canvas-id='canvas' bindlongtap='save'></canvas>
    
  5. js页面写canvas绑定函数,调用new QRCode画二维码

    var qrcode = new QRCode('canvas', {                  //这个canvas是wxml页面定义的canvas-id='canvas'
        text: "123456",
        width: 150,
        height: 150,
        colorDark: "#000000",
        colorLight: "#ffffff",
        correctLevel: QRCode.CorrectLevel.H,
    });
    
  6. 实现效果,canavs,binglangtap长按触发生成二维码
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值