生成二维码可长按扫描

最新推荐文章于 2024-02-19 14:47:36 发布

小阿狸丶

最新推荐文章于 2024-02-19 14:47:36 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/andZuo/article/details/72902389

版权

<%@ 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>