生成二维码并以图片格式下载-qrcodejs2

Posted 2021-12-28 sherlock-ace

最近在做项目，碰到票据完成后的生成二维码以及提供下载功能，这里谈谈个人实战经验：

先上代码：

引入：

　　

html：

　　

js：

　　

 

说明：

　　网上文章里提到的插件很多，但是好像并不是都有用(有点坑)，实践之后发现“qrcodejs2”这个是有效的；

生成二维码：

　　调用createQr()方法，获取后台返回的qrUrl(这个大家都懂的老)，并将其作为参数传入调用的qrCode(qrUrl)之中；

qrCode方法中new qrCode会生成一个qrCode实例，这里的传参是关键，第一个参数是要存放的dom的id,第二个是配置options,里边可以设置二维码的宽度、高度、前/背景色、容错度等等，此外应该还可以设置刷新机制(不过这个我没试过，有兴趣的自己可以试一下)；

二维码保存到本地：

这里就说的简单些了，调用自定义的savePic()方法,设置好图片格式、下载提示信息和文件名就好了。

ok,打完收工！（希望对大家有帮助，如有疑问，欢迎交流、讨论）