网页中二维码识别规则

前端开发 作者: 2024-08-20 13:15:01
识别规则 这里采用的逻辑是截屏识别,当客户端发现用户在网页的img标签内进行长按操作时,会立刻截屏并且启动二维码识别算法。所以这里用于二维码识别的图片是截屏,而不是之前有人提到的img标签中的图片。
  • 1、二维码显示信息不全,在长按时候只有部分可见。
  • 2、二维码周围信息过于复杂,在整个截屏中二维码算法无法正确识别。
  • 3、网页没有加载完成,微信的识别js没有启动。
  • 1、二维码周围不要过于复杂,留白为佳。
  • 2、二维码不要太大,否则容易跳出屏幕。通常160*160就可以。

1,在iOS 微信6.2.2识别的二维码的区域向上偏移了64px

  • 1.通过img增加padding 增大可接触面积;这个需要微调
  • 2.为二维码图片本身增加透明底部背景,实际上就是把主要的二维码放在上面,下面给一块的透明的背景。这样他识别图片64px的时候正好是完整的图片。

2,两(多)张二维码无法在同一屏幕视窗中共存

  • 1、不把这些需要识别的二维码图片放在一个屏幕里。
  • 2、二维码设置为可以点击大图浏览,然后在大图浏览时,长按识别二维码

3,多次执行长按二维码的功能会导致内存泄漏,手机会变卡

4,网上看到的其它说法,可以在调试的时候都按照这种方式来尝试一下

  • 不要用fixed定位
  • 初始缩放值为1,最大缩放值大于或等于1,不支持缩放。不可以识别
<meta content="width=device-width,initial-scale=1,maximum-scale=1.2,user-scalable=0" name="viewport" />
  • 初始缩放设置为小于1或者大于1,最大缩放值大于或者等于初始缩放,不支持缩放。不可以识别
/>
  • 初始缩放值为1,最大缩放值大于或等于1,不支持缩放。不可以识别
/>
  • 都不设置 不可以识别
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65532.html