微信升级最新版本后，微信H5网页里面不能识别二维码

微信升级后，识别网页里面的收款二维码会屏蔽识别二维码的选项……微信上一个版本可以正常识别微信H5网页里面的收款二维码，怎么解决？

有一个img和background-image组成，img的右下脚用absolute定位在background-image的中心，然后img设置opacity:0或者设置visibility:hidden，问题就解决了。
你试试看

只有收款的二维码会屏蔽吧？其他的二维码好像不受影响。

https://download.csdn.net/download/weixin_38628612/12947197?spm=1005.2026.3001.5635&utm_medium=distribute.pc_relevant_ask_down.none-task-download-2~default~OPENSEARCH~Rate-4.pc_feed_download_top3ask&depth_1-utm_source=distribute.pc_relevant_ask_down.none-task-download-2~default~OPENSEARCH~Rate-4.pc_feed_download_top3ask

可以通过自定义调整样式解决

如有帮助，请采纳！

关于微信H5网页开发中二维码无法识别的解决方法_w36680130的博客-CSDN博客 关于微信H5网页开发中二维码无法识别的解决方法 https://blog.csdn.net/w36680130/article/details/114144411

该商户暂不支持通过长按识别二维码完成支付
这个只有联系官方开通了。

这需要在TX那边申请权限或者看TX那边有什么要求吧

可以看一下微信官方文档：
https://developers.weixin.qq.com/doc/search.html?source=enter&query=%E4%BA%8C%E7%BB%B4%E7%A0%81&doc_type=miniprogram&jumpbackUrl=%2Fdoc%2F×tamp=1649430311

这好像是微信的新规定

需要使用img 标签，不能只使用background-image

CSS部分

.qrcodeWrap {
    position: relative; width: 150px; height: 150px;
    margin: 0 auto; 
    background: url(qrcode.jpg) no-repeat center center;
    background-size: contain;
}
.qrcodeWrap img {/*undefined
    -webkit-user-select:none;
    -webkit-touch-callout:unset;
    point-events:unset;*/
    position: absolute; left: -75px; top: -75px;
    width: 150px; height: 150px; 
    display: block;
    border: none;
    opacity: 0;    /*visibility:hidden*/
}

HTML部分

<div class="qrcodeWrap">
    <img style="" src="qrcode.jpg" alt="扫描二维码"/>
<div>

解决办法可以通过canvs画布+背景引入图片来解决，共计两种方式，你可以试试。

第一种：使用htmlcanvas2.js+qcoder.js 做二维码的生成，通过canvas画布生成的二维码，可以长按识别。
第二种：使用css3 ，样式中的background-image:url 引入自己的二维码。

直接将二维码从公众号上面取出来的另存为，然后直接使用img标签显示在页面上
二维码识别感应区域x,y坐标相对偏原目标大概偏离了200px，得加个样式啊

<style type="text/css">
.qrcode{
    padding:200px 0 0 200px !important;
    margin:-200px 0 0 -200px !important;
    position: relative;z-index: 100;
    -webkit-user-select: none;
}
</style>

<img class="qrcode"  src="images/gzh.jpg" alt="" />