QRcode 生成二维码,展示到页面,微信打开,长按二维码没反应

解决方法


<!-- 这个用来生成二维码,隐藏掉 -->
<div id="qrCode1" style="display: none;"></div>

<!-- 下面这个放置转换后的图片 -->
<div id="qrCode2"></div>

js 代码

let hideQRCode = document.getElementById("qrCode1"),

myQRCode = document.getElementById("qrCode2"),

image = new Image();

let qrcode = new QRCode(hideQRCode, { width : 108, height : 108 });
//绘制二维码
qrcode.makeCode('http://aaaaa');

// 获取canvas元素转成 img
image.src = hideQRCode.firstChild.toDataURL("image/png");
// 放到页面
myQRCode.appendChild(image);

qrcode在页面生成二维码时,会生成一个canvas标签和一个img标签,部分安卓机里面,canvas元素没有隐藏掉,所以长按的时候按的不是图片,所以无法识别,也就没有弹窗,转成图片放到页面上去就行。

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐