序
在最近的项目中,有一个需求是生成一个带参数的二维码。我考虑过用JAVA后台生成并返回前端显示。后来,我了解到使用jquery的qrcode.js插件可以非常逼真。下面就不多说了,直接说实现过程。
介绍js:
require.config({ baseUrl : '/',path : { jquery : ' plugin/jquery/jquery-3 . 1 . 0 . min ',QR code : ' plugin/QR code/QR code ' });需要(['jquery ',' qrcode'],函数($) {xxxx.})要呈现的dom:
Div id='qrcodeCanvas'/div初始化QR码:
$ ('#二维码画布')。二维码({ text : ' http://h5.sztoda.cn/base/login',背景:' # CCC ',//背景前景3360' # fff ',//前景宽度: 100,值得注意的是,如果“文字”是链接,需要自动跳转,只需带上http://的开头即可。
渲染:
好了,以上就是用Javascript生成带参数的二维码的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助。有问题可以留言交流。