微信小程序生成二维码插件基于base64-weapp-qrcode.js

weapp-qrcode

微信小程序生成二维码的插件,基于base64编码输出二维码,不依赖canvas

详情demo可以去github上预览-weapp-qrcode.js

https://github.com/Pudon/weapp-qrcode =。=,加个star那就更好了

PS: 主要在node-yaqrcode项目基础上进行改造适应微信小程序

说明

只需要在 wxml 文件中增加个image标签动态引用base64编码即可

<image src="{{qrcodeURL}"> </image>

JS调用例子:

    const QR = require(‘../../utils/weapp-qrcode.js‘)
    var imgData = QR.drawImg(this.data.codeText, {
      typeNumber: 4,
      errorCorrectLevel: ‘M‘,
      size: 500
    })
    // 返回输出base64编码imgData

DEMO示例图

TODO

  1. 组件化,适应 mpvue , wepy
  2. 更多配置项,灵活多样
  3. 样式自定义化,增加更丰富的样式

原文地址:https://www.cnblogs.com/Pudon/p/9636187.html

时间: 2024-10-31 11:09:23

微信小程序生成二维码插件基于base64-weapp-qrcode.js的相关文章

微信小程序二维码识别

目前市场上二维码识别的软件或者网站越来越多,可是真正方便,无广告的却少之很少. 于是,自己突发奇想做了一个微信二维码识别的小程序. 包含功能: 1.识别二维码 ①普通二维码 ②条形码 ③只是复制解析出来的数据 2.生成二维码 ①只是从粘贴板生成二维码 软件截图: 体验二维码: 以下为主要代码 index.js // pages/main/index.js var QR = require("../../utils/qrcode.js"); Page({ data: { canvasHi

java微信小程序参数二维码生成带背景图加字体(无限生成)

需求 :  1,因为项目需求 ,生成数以万计的二维码    2 ,每个二维码带不同的参数  3,二维码有固定背景图 4 , 往生成图片上写入 字体和编号(动态 ) 设计技术 :    1,微信接口token ,nginx 缓存  2,二维码 图片定义 写字 maven <dependency> <groupId>com.twelvemonkeys.imageio</groupId> <artifactId>imageio-jpeg</artifactI

php小程序生成二维码

<?php getwxacode(); //生成二维码 function getwxacode(){ $url = "https://api.weixin.qq.com/wxa/getwxacode?"; $url .= "access_token=" . getToken(); $postdata = [ "path" => "pages/index/index?clientId=3", "width&

小程序参数二维码生成

总所周知,小程序无法分享到朋友圈,但是图片可以.只要小程序能生成包含信息与小程序参数二维码,即可达到很好的传播效果. 例:拉勾网. 基础知识准备 appid与appsecret "access_token"; 移步:微信官方文档 小程序二维码生成接口 有3个接口哦:小程序二维码文档 实现步骤 <?php $appid = $_POST["appid"]; // 获取appid $appsecret = $_POST["appsecret"]

PHP生成小程序二维码

/** * [生成小程序二维码] * @return [type] [description] */ public function makeMiniQrcode_do() { begin: $id = input('id');// 获取token $ACCESS_TOKEN = $this->getAccesstoken(); // 准备进入小程序的参数 $param = json_encode(array("path" => "pages/shop/shop?

微信QQ的二维码登录原理浅析

在很多地方就是都出现了使用二维码登录,二维码付款,二维码账户等应用(这里的二维码种马,诈骗就不说了),二维码验证,多终端辅助授权应用开始多起来,这里先说下啥是二维码,其实二维码就是存了二进制数据的黑白图片,当出现要求二维码登录的时候,服务器会生成一条临时的唯一的二维码信息,发送到客户端以二维码(图片)的形式写入到网页,然后你就会看到统一的四个方形的二维码,如果做的好这个二维码信息应该是有时效的,这里暂且不考虑这些,就简单的微信登录作为例子看看吧: 首先说下整个授权流程: 在客户端网页中会不断向服

关于微信微博等二维码问题

微信二维码: <img src="http://open.weixin.qq.com/qr/code/?username=nangua_snji"/> 关于微信微博等二维码问题,布布扣,bubuko.com

qrcode生成二维码插件

今天我要和大家分享的是利用qrcode来生成二维码. 首先要使用qrcode就需要引用文件,我这边用的是1.7.2版本的jquery加上qrcode <script type="text/javascript" src="jquery-1.7.2.min.js"></script><script type="text/javascript" src="jquery.qrcode.min.js"&g

通过微信号找到别人微信公众号二维码的

通过微信号找到别人微信公众号二维码的办法 其实每个二维码的地址结构是相对固定的,即http://open.weixin.qq.com/qr/code/?username=XXXXXXXX,前面“http://open.weixin.qq.com/qr/code/?username=”是固定的,后面红色部分是对方公众号的微信号.了解这个结构之后,要找到二维码就容易了!