自定义/修改微信二维码样式

在写项目的时候遇到的一个需求，登录和注册都可以通过扫描微信的二维码来实现，但是在做的时候发现微信有一些它自带的样式，并且无法通过CSS直接修改。

通过查微信的开发者文档发现是支持修改的

 wxHandle () {var obj = new WxLogin({id: "",appid: ,scope: "",redirect_uri: '',state: "",style: "",href: "xxx.css"//url地址});},

在实例化对象的 href属性中写入你的样式地址（例：把已经写好的样式放入xxx.css）即可，但是如果直接输入你的本地url地址会报错，所以需要把地址转换为https的。

解决方法

通过Node.js脚本转换地址，写一个node.js脚本

var fs = require('fs');
// function to encode file data to base64 encoded string
function base64_encode(file) {// read binary datavar bitmap = fs.readFileSync(file);// convert binary data to base64 encoded stringreturn 'data:text/css;base64,'+new Buffer(bitmap).toString('base64');
}
console.log(base64_encode('./xxx.css'))

然后运行路径下的node.js，就会打印出href:"data:text/css;base64开头的url，把打印出来的url，放到href里面即可。

自定义/修改微信二维码样式相关推荐

Android 修改zxing二维码样式
主要修改onDraw方法里面的属性-- /*** This view is overlaid on top of the camera preview. It adds the viewfinder ...
通过编程做特别效果的个性“微信”二维码（思路）
注,这里只说编程思路,没有源代码. 先看效果: 图1 灯笼效果的二维码从上图可以看到,其特征是:(1)整个外形为灯笼:(2)内部填充为二维码图像:(3)中间核心区域为我们真正所要的二维码:(4)二维 ...
通过编程做特别效果的个性微信二维码（思路）
注,这里只说编程思路,没有源代码. 先看效果: 图1 灯笼效果的二维码从上图可以看到,其特征是:(1)整个外形为灯笼:(2)内部填充为二维码图像:(3)中间核心区域为我们真正所要的二维码:(4)二维 ...
微信扫码登录自定义二维码样式
微信扫码登录自定义二维码样式前言 Java生成data-url 1.工具类pom 2.代码实现将data-url赋值给href 前言今天在做web端扫码登录时,前端需要定义二维码的样式.官方文档 ...
微信扫码登录（new WxLogin）-二维码样式修改
一.自定义二维码样式例如: .impowerBox .qrcode {width: 180px;} .impowerBox .title {display: none;} .impowerBox . ...
如何给CSDN博客添加个人微信二维码或自定义栏目
在使用CSDN的过程中,一般人都不怎么会去关注私信或留言的,因此为了更加有效及时地与作者或网友进行沟通,可以将自己的邮箱地址或者微信二维码添加到自定义栏目中,现在新版的CSDN好像只能添加一个自定义栏 ...
Zxing生成自定义二维码样式
Zxing生成自定义二维码样式现在几乎每个app都带有二维码,但是google提供的zxing包,只给我们提供了核心的二维码算法,而开发过程中经常有自定义二维码的样式的需求,这时候我们就要自己写工具 ...
Java实现一行代码生成二维码，可传输到前端展示，可自定义二维码样式，可设置图片格式，可对二维码添加图片，可对二维码添加文字，可以设置二维码大小、字体大小、字体颜色、边框颜色、边框大小等等
Java实现一行代码生成二维码,可传输到前端展示,可自定义二维码样式,可设置图片格式,可对二维码添加图片,可对二维码添加文字,可以设置二维码大小.字体大小.字体颜色.边框颜色.边框大小等等. 0.准备 ...
微信分享朋友圈链接怎么显示图片-企业微信二维码转成名片
一.背景在移动端业务开发的中,很多时候会进行h5页面的分享操作,但是原生的微信分享效果并不能满足我们业务的需求,如下图: 企业微信二维码转成名片我们可以看的原生的分享描述是一个页面链接,分享图标也 ...

自定义/修改微信二维码样式

自定义/修改微信二维码样式相关推荐

最新文章

热门文章