贷款计算器网页小工具-分享二维码样式更新

我的贷款计算器网页小工具，及其它一些网页小工具，都会在页面上生成当前页面链接的二维码，用于截图分享，二维码链接中还会包含一些已输入的计算参数，随着参数不同，二维码也会不同需要实时生成。

原来使用的方法是，在服务器使用phpqrcode.php二维码生成库做后端生成，需要生成二维码的页面，将链接附带参数，发送请求即可显示需要的二维码；

比如链接：https://yangjinyou.com/page/dkjsq/?l=3&q=1&j=120000&t=e

二维码图片URL：https://yangjinyou.com/page/qr/?f=https://yangjinyou.com/page/dkjsq/?l=3&q=1&j=120000&t=e

好处就是，调用方法足够简单；

坏处就是，php二维码生成库需要后端生成，依靠服务器的性能，实时生成二维码会产生大量的请求。另外，早就看这个标准的黑色方块二维码样式很不爽了，在后端php生成库上做手脚美化二维码，无疑更影响服务器性能。

那便更新使用qrcode-generator前端js库来生成二维码，常规的方法应该是：

引入js库：https://cdnjs.cloudflare.com/ajax/libs/qrcode-generator/1.4.4/qrcode.min.js，然后同样使用js写绘制代码，包括二维码内容，样式等等；

使用之后发现，如何绘制二维码，达到自己想要的样式，也不是一件简单的事，哪怕使用AI。然后，我需要一个使用qrcode.min.js的二维码生成器，可以配置二维码样式，实时预览效果，然后将绘制方法生成js代码，然后将绘制方法保存到qrcodeconfig.js文件，同时引入二维码生成库js及绘制方法js两个文件，在需要显示二维码的位置调用绘制即可。（二维码生成器已经做好，但是这是下一篇文章的内容）

最后得到的效果如下：

贷款计算器截图包含二维码效果：