ios苹果手机 uniapp长按识别二维码图片白色背景问题

最近在项目中发现这么一个bug

在苹果系统中，长按关注识别二维码，会出现白色背景图最后解决办法如下

问题

修复

<!--#ifndef H5-->
<image :src="followDialog" mode="aspectFill" class="hover-image" />
<!--#endif-->
<img :src="followDialog" class="hover-image" />

只需要把image标签换成img标签即可并给图片加样式为 object-fit : cover

ios苹果手机 uniapp长按识别二维码图片白色背景问题相关推荐

前端页面中iOS版微信长按识别二维码的bug与解决方案
发现问题页面做出来后测试,发现在安卓版微信能正常识别,但iOS 版微信(iPhone 或 iPad)皆无法正常识别.出来问题一开头固然是怀疑自己的代码有问题,上网搜索相关资料,尝试以下方案均无法解决 ...
前端页面中iOS版微信长按识别二维码的bug
问题描述: H5首页banner图,在安卓微信内长按可识别二维码,但在ios部分机型上,长按图片识别不了二维码. 测试机型: iphone6s plus 系统12.1 微信版本6.7.4 iphone ...
IOS手机全屏长按识别二维码HTML代码
代码段作用讲解: 1. 二维码的全屏样式, opacity: 0; 透明样式, touch-callout: none; -webkit-touch-callout: none; -ms-touch- ...
IOS长按识别二维码失败
IOS长按不识别二维码,出现放大图片的问题解决. CSS加入样式: touch-callout: none; -webkit-touch-callout: none; -ms-touch-callou ...
移动端（ios and android）长按识别二维码（含js与原生互调）
这篇文章就整理下移动端长按识别二维码的实现吧!实现方式可以分为三种一.长按原生控件,直接获取控件中的图片数据(src或background) 二.长按原生控件,截图识别三.长按web中的图片,ap ...
微信长按识别二维码 -- 页面多个二维码如何识别？
常规的在公众号html页面中要实现长按识别二维码,直接使用img显示图片就可以了,如下: <img name="qrCodeImg" src="/images/it ...
(补充)微信长按识别二维码 -- 页面多个二维码如何识别？（二）
基于上一篇微信长按识别二维码 -- 页面多个二维码如何识别? )在部分设备上,如果图片非常多,还是会出现识别错误的bug(主要是二维码显示一半或居于底部时),修改了识别流程,改为点击图片弹窗,然后长按 ...
二维码扫描+长按识别二维码demo
二维码扫描+长按识别二维码demo,已封装好源码下载
微信小程序web-view 实现长按识别二维码
小程序长按识别二维码, 网页在小程序中长按识别二维码,web-view长按识别二维码效果图: html 代码: <!DOCTYPE html> <html><head& ...
jquery实现微信长按识别二维码
jquery实现微信长按识别二维码 (完整代码如下) <!DOCTYPE html> <html> <head><meta charset="utf ...

ios苹果手机 uniapp长按识别二维码图片白色背景问题

最近在项目中发现这么一个bug

问题

修复

ios苹果手机 uniapp长按识别二维码图片白色背景问题相关推荐

最新文章

热门文章