解决部分手机通过new QRCode生成的二维码在微信上识别不出

qq_43351249

于 2023-06-06 10:37:58 发布

阅读量991

点赞数

文章标签：插件

本文链接：https://blog.csdn.net/qq_43351249/article/details/131062784

版权

new QRCode(document.getElementById("qrcode"), {
			text: 'xxx',
			width: 82,
			height: 82,
			correctLevel: 3 // 重点是这个值解决
		});

参考文档: http://www.manongjc.com/article/95927.html

优惠劵

qq_43351249

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
解决部分手机通过new QRCode生成的二维码在微信上识别不出

插件的使用兼容
复制链接

扫一扫

qrcode生成二维码微信长按无法识别问题的解决

10-17

主要介绍了qrcode生成二维码微信长按无法识别问题的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

qrcode方法生成的二维码安卓手机长按不识别

达拉崩巴斑得贝迪卜多比鲁翁_

07-28

475

qrcode生成的二维码，在苹果等手机上长按可识别，在华为手机上长按没有反应，截图保存下来长按又可以识别。 #问题原因浏览器兼容问题 qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签。在电脑浏览器上调试的时候，发现生成二维码之后canvas标签是会自动隐藏的，然后展示img标签，我们看到和识别的其实是图片。但是在华为手机上生成的canvas是不会隐藏的，我们看到的是canvas，所以无法识别，截图却可以。 #解决办法手动将canvas隐藏，获取生成的链接拼到图片里面。 html

参与评论您还未登录，请先登录后发表或查看评论

解决qrcode生成的二维码微信长按不识别问题

热门推荐

邪人君子的博客

04-21

1万+

问题描述 QRcode 生成二维码，展示到页面，微信打开，长按二维码没反应。而直接放二维码图片上去可以识别。问题原因手机兼容问题 qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签。在电脑浏览器上调试的时候，发现生成二维码之后canvas标签是会自动隐藏的，然后展示img标签，我们看到和识别的其实是图片。本来那个canvas应该是隐藏的，不过部分安卓机里面，can...

解决qrcode生成的二维码安卓手机长按不识别问题

baidu_21349635的专栏

02-24

6616

文章目录问题描述toDataURL语法自己验证问题描述 qrcode生成的二维码，在苹果等手机上长按可识别，在华为手机上长按没有反应，截图保存下来长按又可以识别。 #问题原因浏览器兼容问题 qrcode在页面生成二维码时，会生成一个canvas标签和一个img标签。在电脑浏览器上调试的时候，发现生成二维码之后canvas标签是会自动隐藏的，然后展示img标签，我们看到和识别的其实是图片。但是在...

qrcode.js生成二维码，无法识别

陈皮球的博客

04-05

3098

参数很多很长的时候，生成的二维码很乱很大，导致超过了原来的image宽高，二维码边缘部分没有完整显示。 1、一开始把image的宽高放大，二维码原来被截取的部分显示了一些但是还是不够。没有出现完整的二维码。个人认为可能是测试设备屏幕宽度本身不大，尽管把image放的很大，设备能看到的最大就那样。 2、后来我在qrcode.js的代码改了像素px。原来的px代码为： px = Math.ro...

微信的二维码识别源码实用

04-19

微信的二维码识别源码

微信小程序将字符串生成二维码图片的操作方法

12-12

下面记录的是小程序中生成二维码图片这一操作，用的是原文作者改版后的生成二维码工具weapp-qrcode.js（demo的众多文件中只需将util下的这个文件拷贝到自己项目中），可在原文地址里clone demo。截图（copy原文） ...

c# ThoughtWorks.QRCode生成二维码

05-05

c# ThoughtWorks.QRCode生成二维码 可以直接继承到自己项目中

【踩坑】qrcodejs生成二维码真机不显示（解决部分机型二维码绘制失败）

Jinkerr的博客

03-03

7743

这个问题我也遇到了，网上搜了很多文章都没有提到，最后自己踩坑解决了 1) 问题描述：使用qrcode.js生成base64二维码图片并绘制进canvas，然而仅在电脑调试和部分真机都没问题，但是某些真机就会显示不了…… 2) 分析解决：由于qrcode.js自带生成的base64图片是png格式，部分真机可能无法将png图片绘制进canvas。解决方法：将qrcode.js生成的png图片再转成jpg格式，然后再绘制进去canvas就可以解决了 ..................

qrcode生成的二维码长按不识别问题

茶故

03-12

7501

一，原因通过qrcode生成的二维码，在页面中是以convas显示。微信中长按2秒识别二维码是通过img标签识别的。如图，红色是qrcode生成的标签，绿色是转换后的标签。二，解决方法定义两个div，将qrcode.js自动生成的convas标签内容放在隐藏的div中，即图中id=qrcodeNone的div标签中，然后将转换后的img标签放在第二个未隐藏的div中，即图中id...

QRCode二维码生成与识别.rar

09-17

QRCode二维码生成与识别 IDEA2017测试通过，可以生成普通二维码以及带图片的二维码。

QrCode生成和解析二维码

10-29

源码为vs2013项目，如果vs2010不能直接打开，可以参考代码，并引用 dll文件，使用是一样的。

NewQrcode:重建新二维码生成器项目源代码

03-24

NewQRcode新二维码生成器 ###开源状态应用名称：新二维码生成器开发者名称：赵树豪应用介绍：新二维码生成器！全新架构，全新界面，全新体验，移动端首创图片生成二维码，音频二维码，软件二维码，欢迎大家体验！版本号：37 目标版本：23 ###软件架构：MVP 型号：逻辑层，处理主要业务逻辑查看：包含应用的主要活动目前：中间处理层 bean：云端表结构 ###创新源泉受草料二维码启发，移动端首创图片二维码，音频二维码，文件二维码功能，可以自由的将图片，音频，文件生成二维码进行扫描，其余功能为常用二维码生成功能 ###特别鸣谢材质对话框： : 材质设计Android库： : 材质EditText： : 材质FloatActionButton：com.getbase：floatingactionbutton：1.10.1 RequestPermissio

使用qrcode生成的二维码安卓手机长按不识别问题

qq_41227106的博客

09-03

2045

1、下载依赖 npm installqrcodejs2 --save 2页面引用 importQRCodefrom"qrcodejs2"; 3、生成二维码 3.1节点 <div id="qrcode"></div> 3.2 生成code mounted(){ this.$nextTick(() => { var qrcode = new QRCode(document.getElementById("qrcode...

qrcodejs2 生成二维码，安卓中微信无法识别

a913396的博客

07-21

1055

https://blog.csdn.net/qq_27127385/article/details/105665406 1、<divid="qrcode"ref="qrcode"style="width:200px;margin:auto;margin-top:18px;"></div> 使用这样的苹果手机可以识别，安卓无法识别，微信社区说 8.0后不支持，胡说。 2、参考之上的链接，可以实现苹果、安卓都可以识别，使用2个div来实现。 3、然后使用v-if...

解决React -qrCode生成二维码不能微信识别问题

Winsom1的博客

03-12

2477

一般的网上解决方法特别多，但大多数都是大同小异，关于react-es6的框架搭语法很少见，下面是React中处理二维码触发微信识别的解决方法： import React, { useState, useRef, useEffect } from 'react'; import { useWindowSize } from 'react-use'; import QRCodeReact from '...

二维码解析错误

qq_43510413的博客

06-11

5501

二维码解析错误问题： Exception in thread “main” jp.sourceforge.qrcode.exception.DecodingFailedException: Give up decoding at jp.sourceforge.qrcode.QRCodeDecoder.decode(QRCodeDecoder.java:86) at com.zdxh.grcode.QRCUtil.decoderQRCode(QRCUtil.java:93) at com.zdxh.test.

【踩坑】qrcodejs2生成二维码安卓真机不显示（解决安卓机型二维码绘制失败）

weixin_44052136的博客

11-08

3741

前言：本篇文章我们将介绍使用qrcodejs2生成二维码，产生了上述的兼容问题。如果觉得作者写的不错，希望得到您的点赞/收藏/支持，如果有不同意见，欢迎下方评论区留言。注：问题原因：经过排查，发现qrcodejs2自带生成的base64图片是png格式，然而部分安卓机型存在无法将png图片绘制进canvas的情况，导致base64的png图片绘制失败，无法显示二维码。（但是也不报错）一、解决方法 1.机型判断注：因为ios对png、jpg都可以进行绘制，所以可加可不加。 export functio

uni-app 使用uQRCode在模拟器和安卓中不显示二维码

weixin_45758420的博客

06-17

3174

uniapp使用uQRCode插件开发分享二维码功能，在app端（安卓ios没有试）二维码不出现的问题，使用的是hbuildX3.4.15、插件市场导入的uQRCode是1.0.8

vueqrcode生成二维码

最新发布

09-15

要在Vue中使用qrcode生成二维码，你可以按照以下步骤进行操作： 1. 首先，你需要安装qrcode插件，你可以使用npm命令来安装：npm i qrcode -S 。 2. 然后，在你的Vue组件中引入qrcode插件：import QRCode from 'qrcode' 。 3. 接下来，在你的Vue组件的template中添加一个img标签，用于显示生成的二维码图片。例如： ``` <template> <div> <img :src="QRImgUrl" /> </div> </template> ``` 4. 在Vue组件的script中，使用QRCode生成二维码的方法。首先，你需要定义一个data属性QRImgUrl用于存储生成的二维码图片的URL。然后，在created钩子函数中调用getQRcode方法来生成二维码。getQRcode方法使用QRCode.toDataURL来生成二维码图片的DataURL，并将生成的URL赋值给QRImgUrl。例如： ``` <script> import QRCode from 'qrcode' export default { data() { return { QRImgUrl: '', QRlink:'www.xxx.com' } }, created() { this.getQRcode() }, methods: { getQRcode(){ QRCode.toDataURL(this.QRlink, { errorCorrectionLevel: 'L', margin: 2, width: 128 }, (err, url) => { if (err) throw err this.QRImgUrl = url }) } } } </script> ``` 这样，当你的Vue组件被创建时，getQRcode方法会被调用，生成二维码并将URL赋值给QRImgUrl，从而显示在页面上。如果你想对生成的二维码进行更详细的配置，你可以参考以下步骤： 1. 在getQRcode方法中定义一个opts对象，用于配置生成二维码的各种参数，比如容错级别、二维码类型、二维码质量、留白边距等。 2. 修改QRCode.toDataURL方法的第二个参数为opts，这样可以根据opts的配置生成更加符合你需求的二维码 。例如，你可以按照以下方式配置opts对象： ```javascript let opts = { errorCorrectionLevel: "L",//容错级别 type: "image/png",//生成的二维码类型 quality: 0.3,//二维码质量 margin: 5,//二维码留白边距 width: 128,//宽 height: 128,//高 text: "http://www.xxx.com",//二维码内容 color: { dark: "#666666",//前景色 light: "#fff"//背景色 } }; ``` 然后，将opts作为QRCode.toDataURL方法的第二个参数传入： ```javascript QRCode.toDataURL(this.QRlink, opts, (err, url) => { if (err) throw err this.QRImgUrl = url }) ``` 这样，你就可以根据opts的配置生成定制化的二维码 。综上所述，你可以按照以上步骤在Vue中使用qrcode生成二维码，并根据需要进行详细的配置。

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交