自定义PC微信扫码登录样式写法

前端之家收集整理的这篇文章主要介绍了自定义PC微信扫码登录样式写法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

PC微信扫码登录

近期做一个PC端微信扫码登录的需求,微信扫码有两种方式,一种是新开一个二维码页面,另一种是内嵌入产品网页。本次以内嵌二维码为例,具体怎样在页面显示一个登陆二维码,文档说的很清楚,就不赘述了,文档地址:https://open.weixin.qq.com/cg...

解决自定义微信二维码样式问题

二维码初始默认是这个样子。

二维码大小280x280),还有微信登录的title,下方也有扫码登录提示。 幸运的是,微信留了一个api给我们自定义样式的机会,在之前实例化一个二维码的时候,实例对象中href属性,允许设置样式。

属性 });

不幸的是,在href中传入样式文件的地址,会报错。貌似微信为了安全考虑,只允许访问https的资源。于是现在采用第二种解决办法data-url。

通过访问data-url解决样式问题

写一个nodejs,脚本将刚才的css资源转换为data-url。具体代码实现为:

运行node脚本,复制打印出来的data-url,然后赋值给刚才的href。

自定义二维码

原文链接:https://www.f2er.com/js/34741.html

猜你在找的JavaScript相关文章