用QRCode.js制作二维码的生成器(qrcode.makeCode方法生成二维码)
来源:互联网 发布:常州seo徐建伟 编辑:程序博客网 时间:2024/05/16 07:26
现在前端二维码的生成器有很多,像草料二维码生成器,联图二维码生成器等这些在线生成器都是生成功能比较强大,生成的二维码比较精美的在线生成器,看着比较高大上,那么他们的实现原理?就是通过QRCode.js插件的qrcode.makeCode方法来生成的二维码。
下载QRCode.js
1,引入QRCode.js
<script src="QRCode.js" type="text/javascript" charset="utf-8"></script>
2,利用该插件生成二维码
(function(){let elText = document.getElementById("text");let qrcode = new QRCode(document.getElementById("qrcode"), {width : 120,height : 120});function makeCode(){if (!elText.value) {elText.onfocus();return;}qrcode.makeCode(elText.value);}makeCode();elText.addEventListener('blur',function(){makeCode();},false);elText.addEventListener('keydown',function(e){if(e.keyCode === 13)makeCode();},false);}())注意:
(1),new QRCode({})此处是对生成二维码的初始化,可以设置生成二维码的宽高,颜色,背景等属性
(2),获取输入框的文本,通过qrcode.makeCode方法制作二维码
(3),对文本绑定失去焦点事件和键盘的enter键事件
效果demo:
https://rattenking.github.io/demo/16/
下载demo:
http://download.csdn.net/download/m0_38082783/9985117
效果图:
阅读全文
0 0
- 用QRCode.js制作二维码的生成器(qrcode.makeCode方法生成二维码)
- 用QRCode.js制作二维码解析器(qrcode.decode方法解析二维码)
- 用QRCode方法生成二维码
- qrcode.js生成二维码
- QRCode.js 生成二维码
- 二维码图片生成器QRCode.js
- 用QRCode生成二维码
- QRCode与QRCode.js生成二维码
- js生成二维码(qrcode.js)
- js 生成二维码 qrcode.js
- 使用qrcode.js生成二维码
- QRCode.js 使用js二维码 生成器
- 用jquery.qrcode.js生成高大尚的二维码
- Java用QRCode的方式生成二维码
- Java用QRCode的方式生成二维码
- Java--用QRCode的方式生成二维码
- qrcode生成的二维码兼容性问题
- java 生成二维码(QRCode)
- 运行hadoop运行示例的几种方法
- 神经网络多轮对话系统(续)
- LINTCODE——将数组重新排序以构造最小值
- Jquery 动态增加option及获取值 遍历option相关方法
- c++ 获取当前时间,当前日期
- 用QRCode.js制作二维码的生成器(qrcode.makeCode方法生成二维码)
- Hive 之 关于时间的函数
- JDBC不同驱动程序名称与URL格式
- mybatis中"#"和"$"的区别
- 生成判别对抗网络
- java原生命令
- 《分布式服务架构原理设计与实战》第2章分布式系统一致性的问题笔记
- 详谈ByteArrayOutputStream的用法
- 感谢谷歌翻译