使用
下载源码,上传到自己的服务器或虚拟主机。
打开index.html,选择引用图片的方式,默认为引用淘宝图片,速度快。如果不想使用淘宝图片,可以使用引用本地图片方式,文件中已注明。
在/js/index.js
中更换自己的支付宝红包码和红包口令,如不需要生成界面的红包广告则删除相关代码,文件中已标明。
原理
分析之后发现只需要两个页面。
- 生成页面 这个就是网站主页面,有两个功能,一个是上传qq、微信、支付宝收款码并将它们解析成链接,还有一个是将这几个链接合起来,然后生成合并之后的二维码。解析和生成都是用了jQuery的
qrcode
插件,为了美观,用canvas
绘制收款码的样式。 - 收款页面 当移动设备扫描了之前生成的收款码,这个页面被打开并会获取收款码中传入的三个参数(qq、微信、支付宝链接),然后根据浏览器UA判断当前是什么软件扫的二维码,qq和微信不能直接唤起支付,这时显示二维码界面供用户长按付款,支付宝可以直接进去转账页面。
特别声明:本站大部分资源来源于网络,如若本站内容有侵犯了原著者的合法权益,请联系邮箱"admin@liitk.com"提供证明并给予删除处理!