二维码生成使用的是jQuery的一个插件
第一步：引入JS
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="js/jquery.qrcode.min.js"></script>
第二步：二维码的位置
<div id="code"></div>
第三步：配置
$("#code").qrcode({
render: "canvas", //渲染方式table/canvas
width: 200, //宽度
height:200, //高度
background: "#ffffff", //背景颜色
foreground: "#000000", //前景颜色
text: "https://www.baidu.com" //任意内容
});
</script>
将生成的二维码转换为图片格式
<script>
//从 canvas 提取图片 image
function convertCanvasToImage(canvas) {
//新Image对象，可以理解为DOM
var image = new Image();// canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持
// 指定格式 PNG
image.src = canvas.toDataURL("image/png");
return image;
}
//获取网页中的canvas对象,在css中设置canvas为display:none;
var mycanvas1=document.getElementsByTagName('canvas')[0];
//将转换后的img标签插入到html中
var img=convertCanvasToImage(mycanvas1);
oCode.append(img);//imagQrDiv表示你要插入的容器id
</script>
这样直接生成的二维码就可以在微信中长按识别了。
