生成二维码 可长按扫描
来源:互联网 发布:c json ignore 编辑:程序博客网 时间:2024/05/29 03:09
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set value="<%=request.getContextPath() %>" var="ctx" />
<html>
<head>
<meta name="viewport" content="initial-scale=1,width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<script src="/jquery-min.js" type="text/javascript"></script>
<script src="/jquery.qrcode.min.js" type="text/javascript"></script>
<style>
#imagQrDiv{width:60%;height:auto;margin:30% auto 0 auto ;display:block;}
#imagQrDiv img{width:100%;}
.code{width:100%;text-align:center;font-size:16px;}
</style>
</head>
<body>
<div id="qrcode" style="display: none;"></div>
<div id="imagQrDiv"></div>
<p class="code">长按识别二维码</p>
</body>
<script type="text/javascript">
$(function(){
jQuery('#qrcode').qrcode({
text: “http://” //地址可带参数
});
//获取网页中的canvas对象
var mycanvas1=document.getElementsByTagName('canvas')[0];
//将转换后的img标签插入到html中
var img=convertCanvasToImage(mycanvas1);
$('#imagQrDiv').append(img);
})
function convertCanvasToImage(canvas) {
//新Image对象,可以理解为DOM
var image = new Image();
// canvas.toDataURL 返回的是一串Base64编码的URL,当然,浏览器自己肯定支持
// 指定格式 PNG
image.src = canvas.toDataURL("image/png");
return image;
}
</script>
</html>
<c:set value="<%=request.getContextPath() %>" var="ctx" />
<html>
<head>
<meta name="viewport" content="initial-scale=1,width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
<script src="/jquery-min.js" type="text/javascript"></script>
<script src="/jquery.qrcode.min.js" type="text/javascript"></script>
<style>
#imagQrDiv{width:60%;height:auto;margin:30% auto 0 auto ;display:block;}
#imagQrDiv img{width:100%;}
.code{width:100%;text-align:center;font-size:16px;}
</style>
</head>
<body>
<div id="qrcode" style="display: none;"></div>
<div id="imagQrDiv"></div>
<p class="code">长按识别二维码</p>
</body>
<script type="text/javascript">
$(function(){
jQuery('#qrcode').qrcode({
text: “http://” //地址可带参数
});
//获取网页中的canvas对象
var mycanvas1=document.getElementsByTagName('canvas')[0];
//将转换后的img标签插入到html中
var img=convertCanvasToImage(mycanvas1);
$('#imagQrDiv').append(img);
})
function convertCanvasToImage(canvas) {
//新Image对象,可以理解为DOM
var image = new Image();
// canvas.toDataURL 返回的是一串Base64编码的URL,当然,浏览器自己肯定支持
// 指定格式 PNG
image.src = canvas.toDataURL("image/png");
return image;
}
</script>
</html>
阅读全文
0 0
- 生成二维码 可长按扫描
- 扫描二维码+生成二维码
- 二维码生成和二维码扫描
- 扫描二维码和生成二维码
- swift生成二维码,扫描二维码
- 生成二维码和扫描二维码
- 扫描二维码和生成二维码
- app生成二维码,扫描二维码
- 二维码扫描与生成二维码
- 生成和扫描二维码
- 二维码开发,扫描,生成
- 二维码生成与扫描
- 二维码扫描及生成
- 二维码的扫描、生成
- Android二维码扫描、生成
- 二维码的生成/扫描
- 二维码扫描,生成
- 二维码扫描和生成
- [CentOS]压缩+解压+打包命令大全
- GET请求和POST请求的区别
- Android wifi 传递数据
- JavaMail Jar包更新下载地址
- Git 之合并外来代码
- 生成二维码 可长按扫描
- grep搜索时设置高亮
- 有序广播案例
- 动态网页开发基础
- Python3.x和Python2.x的区别
- 迷宫问题 POJ--3984
- DiskLruCache分析
- C3PO连接池配置及其详解
- leetcode hard模式专杀之37. Sudoku Solver