今天发现个问题,ImagePreview组件放大图片,在ios会模糊
查了各种资料后,发现是 scale3d 和 translate 导致 ios 图片模糊
网上有人说 图片加 transform:translateZ(0); 但是没有用。
查了资料说把 scale3d 改成 scale 就可以了,就不会了
先找到 node_modules 依赖包下面的 vant 文件夹
vant—lib—image-preview—ImagePreview.js文件
搜索 scale3d 找到 那条js 设置的 style 代码
if (scale !== 1) {
style.transform = "scale3d(" + scale +","+ scale + ",0) translate(" + this.moveX / scale + "px, " + this.moveY / scale + "px)";
}
把 scale3d 改成 scale,参数也修改了,就可以了
if (scale !== 1) {
style.transform = "scale(" + scale+ ") translate(" + this.moveX / scale + "px, " + this.moveY / scale + "px)";
}