手机版

用Javascript生成带参数的二维码示例

时间:2021-09-07 来源:互联网 编辑:宝哥软件园 浏览:

在最近的项目中,有一个需求是生成一个带参数的二维码。我考虑过用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生成带参数的二维码的全部内容。希望本文的内容能给大家的学习或工作带来一些帮助。有问题可以留言交流。

版权声明:用Javascript生成带参数的二维码示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。