uni-app movable-view放大图片在微信浏览器图片模糊的问题

uni-app movable-view放大图片在微信浏览器图片模糊的问题

开发环境 版本号 项目创建方式
Windows win10 HBuilderX 
### 操作步骤：
movable-view组件放大图片会模糊，transform属性有问题

### 预期结果：
movable-view组件放大图片会模糊，transform属性有问题

### 实际结果：
movable-view组件放大图片会模糊，transform属性有问题

### bug描述：
movable-view组件在ios微信浏览器放大图片会造成图片模糊，经过排查发现movable-view自带的样式使用了transform: translateX(0px) translateY(0px) translateZ(0px) scale(1);开启了3D加速，去掉translateX(0px) translateY(0px) translateZ(0px)就可以了，，但是在代码层无法实现，希望官方给一个好的解决方案

更多关于uni-app movable-view放大图片在微信浏览器图片模糊的问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

。。

更多关于uni-app movable-view放大图片在微信浏览器图片模糊的问题的实战教程也可以访问 https://www.itying.com/category-93-b0.html


持续关注

插眼

在微信浏览器中，movable-view组件使用transform进行缩放时出现图片模糊，通常与CSS 3D加速渲染机制有关。你提到的移除translateZ(0px)确实能缓解问题，因为这会禁用GPU的3D图层处理，避免iOS微信浏览器中因纹理分辨率限制导致的模糊。

目前可行的临时解决方案：

  1. 通过CSS覆盖movable-view的默认transform样式，例如在App.vue或页面样式中添加：
movable-view {
  transform: none !important;
}
回到顶部