一般在项目开发中,前端显示给用户扫描的二维码基本都是由后端代码生成的,那么这个高大上的功能能不能用 JS 来绘制呢? 答案是肯定的
首先我们需要一个插件 jquery.qrcode.js,该插件基于 jquery 插件,使用方法很简单,如下
二维码
效果如下,这样,我们就可以自己生成 二维码了,可以用手机扫一扫,发现能完美获得 配置的内容
可是我们发现,某些官方网站的二维码中间是有 logo 的,那么这个可以加 logo 吗?
目前该插件不支持该功能,可是笔者是有强迫症的人,这个黑乎乎的二维码怎么能满足我呢,百度 google 一番,通过修改了插件的一些源码,终于实现了想象中的效果
二维码
效果如下,图片选的不是很好,效果不好看,不过总算是实现了
修改后的插件已上传到博客园,有兴趣的朋友可以下载看看,顺便看看能不能再优化 https://blog-static.cnblogs.com/files/lovling/jquery.qrcode.js
大家可以直接引用改地址,也可以下载后在本地引入