小程序中生成带logo的二维码，有源码

背景：

今天需要做一个会员二维码展示的功能，主要用于会员在线下消费时便于商家快速获取会员信息。

实现：

直接通过js画出来的，这个js是网上开源的。不多说，先上效果图。（第一张是自定义图片；第二张是微信头像的图片；第三张没有logo）

使用方式：

1：页面新建画布，指定宽高和id：

<canvas style="width: 300px;height: 300px;" canvas-id="logoQRCode" />

2：将qrcode.js文件引入到项目中，js下载地址：https://www.xuhongchang.com/resource/download.html，生成二维码的界面也需要引入。

3：直接在js中调用方法即可实现：

qrCodeJS.qrApi.draw('二维码参数', "画布id", 宽, 高, null, logo的路径); //注：logo路径存在则绘制，没有值就不绘制。

项目的源码下载地址：https://www.xuhongchang.com/resource/download.html

参考资料：https://www.2cto.com/kf/201802/716714.html

感谢

小程序中生成带logo的二维码，有源码相关推荐

PHP合成图片怎么保证清晰度(在phpqrcode中生成带Logo的二维码)
在phpqrcode中生成带Logo的二维码保持logo的清晰度: PHP合成图片主要用的的函数 : imagecreatefromstring //返回一个图像标识符,其表达了从给定字符串得来 ...
vue 中生成带logo的二维码vue-qr(可换背景) 利用qrcode生成二维码
vue 中生成带logo的二维码这里运用了一个插件 vue-qr npm install vue-qr --save <template><div><vue-qr :c ...
iOS 生成带 logo 的二维码，区域截屏保存至相册（小功能二连发 (一)）
原文链接:http://www.jianshu.com/p/36e9f012ef39 生成带 logo 的二维码区域截屏相关 -- 由3033分享开篇最近项目需要搞了几个相对独立的小功能,今天有 ...
Android Studio 生成二维码、生成带logo的二维码
1.生成二维码: 2.生成logo的二维码: 一.引入依赖首先在libs文件目录下放进jar包zxing.jar,要下载zxing.jar就点击链接:下载zxing.jar(记得点击"Cd ...
使用zxing生成带logo的二维码图片，自动调节logo图片相对二维码图片的大小
使用zxing生成带logo的二维码图片,自动调节logo图片相对二维码图片的大小 * 可选是否带logo,可选是否保存二维码图片:结果返回base64编码的图片数据字符串 * 页面显示:< ...
Golang使用qrcode生成二维码，以及生成带logo的二维码
添加并引用依赖 go get github.com/boombuler/barcodeimport ("github.com/skip2/go-qrcode" ) 1.生成字节形式 ...
.NET ZXING 生成带logo的二维码和普通二维码及条型码
工作中使用到了,就随笔记下了.希望可以帮助有需要的同学们. /// <summary> /// 生成二维码 /// </summary> ...
Android Studio 扫描识别二维码(包含闪光灯和本地二维码)、生成二维码、生成带logo的二维码
一.测试如下: 1.扫描识别二维码,扫描结果多少 2.生成二维码.生成带logo的二维码二.添加依赖: 1.在Project的build.gradle中添加maven { url 'https:// ...
实现扫描二维码和生成带logo的二维码
欢迎来到风的博客今天讲的是如何引用google的zxing库实现扫描二维码和生成带logo的二维码,源码库可以从github上下载[https://github.com/zxing/zxing];在 ...

小程序中生成带logo的二维码，有源码

背景：

实现：

使用方式：

小程序中生成带logo的二维码，有源码相关推荐

最新文章

热门文章