qrcode.js 动态生成二维码
2024-08-26 22:00:05
用qrcode.js动态生成二维码图片非常简单，只需要引入qrcode.js即可使用，而且可以自定义图片大小、背景色等信息。
1、jsp代码---页面头部引入qrcode.js，jquery文件可选
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/qrcode.js"></script>
<--创建一个用于放置二维码图片的div-->
<div id="qrcode">
</div>
2、javascript代码
function makeQRcode(){
var qrcode = new QRCode(document.getElementById("qrcode"), {//这个是你创建的div的id
width : 200,
height : 200
});
qrcode.makeCode("这里放置你需要生成二维码的url字符串，如http://baidu.com");
}
以上就是简单实用，new QRCode时还可以添加其他参数
| 名称 | 默认值 | 说明 |
|---|---|---|
| width | 256 | 图像宽度 |
| height | 256 | 图像高度 |
| typeNumber | 4 | |
| colorDark | "#000000" | 前景色 |
| colorLight | "#ffffff" | 背景色 |
| correctLevel | QRCode.CorrectLevel.L | 容错级别，可设置为：
QRCode.CorrectLevel.L QRCode.CorrectLevel.M QRCode.CorrectLevel.Q QRCode.CorrectLevel.H |
最新文章
- Javaweb学习随笔_JSP的九大内置对象
- 关于IOC的思考
- node-sass 安装卡在 node scripts/install.js 解决办法
- select跳转
- spring注解 构造函数问题
- 二级路由器设置为何要关闭DHCP服务
- android studio 中设置apk的版本号
- SwipeRefreshLayout的简要说明及使用demo
- LINUX消息队列实战之一
- windows7下系统保护中出现错误“文件名、目录名或卷标语法不正确。（0x8007007B）“ 以及保护设置列表中出现“Windows7_os(c:)(找不到)”选项时的解决方法
- Java线程Dump分析工具--jstack【转载】
- JavaScript进阶(五)js中取小数整数部分函数
- ABP之什么是ABP(ASP.NET Boilerplate)
- javascript 路径读取
- flex 布局 实现电商网页菜单的多级分类展示
- Python基础：八、python基本数据类型
- 【JavaWeb】防止表单的重复提交
- keras入门（三）搭建CNN模型破解网站验证码
- Linux下修改tab建为4个空格
- PHP-CGI、FASTCGI和php-fpm的关系