这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要给大家介绍了 Javascript 生成带有参树二维码的方法, 实现的方法还是很简单的,有需要的朋友们可以参考借鉴。下面来一起看看吧。
前言
在最近的项目中有个需求是要生成带参的二维码,考虑过用 JAVA 后台生成返回前端展示,后面了解到用 jquery 的 qrcode.js 插件可以很好现实,下面话不多说,直接上实现的过程。
引入 js:
- require.config({
- baseUrl: "/",
- paths: {
- jquery: 'plugin/jquery/jquery-3.1.0.min',
- qrcode: 'plugin/qrcode/qrcode'
- }
- });
- require(['jquery', 'qrcode'],
- function($) {
- xxxx..
- })
待渲染的 dom:
- <div id="qrcodeCanvas">
- </div>
初始化二维码:
- $('#qrcodeCanvas').qrcode({
- text: "http://h5.sztoda.cn/base/login",
- background: "#CCC",
- //背景 foreground: "#FFF",//前景 width: 100,//宽 height: 100,//高 });
值得注意的是,"text" 如果是链接且需要自动跳转,只需带上 http:// 开头即可
效果图:
好了,以上就是利用 Javascript 生成带参数二维码的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
来源: http://www.phperz.com/article/17/0607/331336.html