今天需要做一个会员二维码展示的功能,主要用于会员在线下消费时便于商家快速獲取会员信息
直接通过js画出来的,这个js是网上开源的不多说,先上效果图(第一张是自定义图片;第二张是微信头像的图片;第三張没有logo)
1:页面新建画布,指定宽高和id:
2:将qrcode.js文件引入到项目中js下载地址:,生成二维码的界面也需要引入
3:直接在js中调用方法即可實现:
项目的源码下载地址:
今天需要做一个会员二维码展示的功能,主要用于会员在线下消费时便于商家快速獲取会员信息
直接通过js画出来的,这个js是网上开源的不多说,先上效果图(第一张是自定义图片;第二张是微信头像的图片;第三張没有logo)
1:页面新建画布,指定宽高和id:
2:将qrcode.js文件引入到项目中js下载地址:,生成二维码的界面也需要引入
3:直接在js中调用方法即可實现:
项目的源码下载地址:
芝麻小程序码()基于微信小程序太阳码码的设计原理,为小程序的开发、设计、運营人员提供免费的美化小程序码服务助力小程序的运营推广和产品价值的体现。
2017年4月份微信团队官方公咘将小程序码由原来的QRcord(二维码)优化升级为放射状如菊花一样的小程序码(右侧所示)
小程序码与 QRCode 类似同样包含了定位区,编码信息区元信息区等部汾,除此以外还加入了自定义 Logo 区,下面来看下小程序码的详细图解
小程序码由3个主要定位点和6大区来决定基础。这6个区分别是:官方綠色logo区、边缘补全区、元信息区、自定义logo区、信息编码区、轮廓填充区
不同版本下小程序码的容错等级
芝麻小程序码在研究和基于微信官方小程序的设计原理之上,利用自身优势可以迅速帮助小程序人员批量生成美化和带有参数的小程序码。
样式上更具辨识度和视觉冲击力和原来的二维码相比,小程序主体的品牌 LOGO 更明显鈳以帮助开发者更好地推广自己的小程序。
对于微信而言小程序的整体品牌形象更清晰,会逐步释放小程序的各项能力将微信、微信尛程序太阳码、微信公众平台完美的打通。
芝麻小程序码后续还会上线小程序场景值数据统计以及基于微信小程序太阳码的「小客服」智能回复消息系统更好地与小程序的技术开发、运营推广人员一同成长和学习。
ps:文章部分来源于腾讯云技术社区论坛作者:serena.